@charset "utf-8";
/*======Global Tag======*/
html{
overflow-y:scroll;
background:#C6E2F1 url(htmlbg.jpg) repeat-x left top;
}
body,input,textarea,select{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#025177;
}
body,p,input,h1,h2,h3,h4,h5,h6,hr,ul,dl,dd{
padding:0;
margin:0;
}
#desp2 h1,#desp2 h2,#desp2 h3,
#desp3 h1,#desp3 h2,#desp3 h3{
display:inline;
}
hr,img,table{
border:none;
}
hr{
border-bottom:solid 1px #000;
height:1px;
}
input,textarea,select{
background:#fff;
border:solid 1px #68B0DB;
border-right-color:#B4D8ED;
border-bottom-color:#B4D8ED;
}
table{
border-left:solid 1px #666;
border-top:solid 1px #666;
}
td{
padding:2px 4px;
border-right:solid 1px #666;
border-bottom:solid 1px #666;
}
a{
outline-style:none;
text-decoration:none;
}
a:link,a:visited{
color:#037DB8;
}
a:hover{
color:#f00;
}
/*======Global Class======*/
.left{
text-align:left;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.justify{
text-align:justify;
}
.clear{
clear: both;
}
.clearl{
clear:left;
}
.clearr{
clear:right;
}
.warn{
color:#f00;
}
.pages{
text-align:center;
clear:both;
padding:12px;
}

/*======Header======*/
#whole{
width:878px;
position:absolute;top:2px;left:50%;z-index:1;
margin-left:-439px;
background-color:#fff;
border:solid 1px #0791D7;
border-top:none;
_width /**/:880px;
}
#whole:after{
content:"":
display:block;
height:0;
clear:both;
}
#wholebg{
width:900px;
position:absolute;top:2px;left:50%;z-index:0;
margin-left:-450px;
background-color:#0891D7;
opacity:0.12;
filter:alpha(opacity=12);
}
#logo{
background:transparent url(logo.jpg) no-repeat left top;
position:absolute;
top:16px;
left:20px;
width:150px;
height:50px;
}
#key1{
height:42px;
border-top:solid 7px #DEEFF8;
border-bottom:solid 1px #0791D7;
background:transparent url(key1bg.jpg) repeat-y center top;
font-size:24px;
color:#32A0E2;
padding:24px 0 0 200px;
margin-bottom:1px;
_height /**/:75px;
}
h1{
height:52px;
border-top:solid 7px #DEEFF8;
border-bottom:solid 1px #0791D7;
background:transparent url(key1bg.jpg) repeat-y center top;
font-size:22px;
color:#32A0E2;
padding:14px 0 0 195px;
margin-bottom:1px;
_height /**/:75px;
}
h2{
position:absolute;
top:50px;
left:195px;
font-size:14px;
color:#32A0E2;
font-weight:normal;
}
#desp2 h2{
position:static;
color:#025177;
}
#company{
height:28px;
line-height:28px;
font-weight:bolder;
font-size:13px;
text-indent:12px;
background-color:#9DCCE8;
position:relative;
white-space:nowrap;
}
#desp2{
padding:8px;
text-align:justify;
}
#desp3{
padding:10px;
text-align:justify;
border-top:solid 1px #9DCCE8;
}
#desp2 *,#desp3 *{
font-style:normal;
font-weight:500;
font-size:12px;
}
#mainmenu{
height:28px;
background-color:#A0CEE9;
}
#mainmenu dt{
float:left;
}
#mainmenu a{
float:left;
color:#fff;
font-size:13px;
font-weight:bolder;
line-height:28px;
padding:0 36px;
white-space:nowrap;
border-left:solid 1px #2C89C0;
}
#mainmenu a:hover{
/*color:red;*/
}
#mainmenu a.first{
border:none;
}
#mainmenu a.current{
text-decoration:underline;
}
#banner{
clear:both;
height:178px;
background:transparent url(banner.jpg) no-repeat center center;
}
/*======Content======*/
#content{
*height:1%;
}
#content:after{
content:"";
display:block;
height:0;
clear:both;
}

/*==left==*/
#left{
float:left;
width:215px;
margin:2px 5px 5px 5px;
}
#ctlist,#contact,#certificate{
border:solid 1px #0791D7;
margin-bottom:5px;
padding:1px;
}
#left .title{
background-color:#D9ECF5;
line-height:28px;
margin-bottom:1px;
text-indent:10px;
font-size:10px;
}
#left .title a,#left .title span{
white-space:nowrap;
font-weight:bolder;
color:#025177;
font-size:12px;
}
#ctlist dl{
background-color:#D9ECF5;
padding:8px 8px 8px 12px;
}
#ctlist dt{
}
#ctlist dd{
}
#ctlist dl a,#ctlist dl .current{
line-height:24px;
padding-left:10px;
white-space:nowrap;
background:transparent url(listbg.jpg) no-repeat left center;
}
#ctlist dl dd a,#ctlist dl dd .current{
padding-left:18px;
background:transparent url(listbg2.jpg) no-repeat 8px center;
}
#ctlist dl .current{
font-style:italic;
text-decoration:underline;
color:#000;
}
#ctlist h3{
font-size:13px;
color:#000;
padding-left:18px;
font-weight:normal;
}
#ctlist #search{
background-color:#D9ECF5;
padding:0 12px 12px 12px;
}
#search #q{
height:18px;
width:143px;
line-height:18px;
_height /**/:20px;
_width /**/:145px;
}
#search #searchbut{
width:32px;
height:22px;
border:none;
background:transparent url(search-but-bg.jpg) no-repeat left top;
position:relative;
top:3px;
left:10px;
cursor:pointer;
*top:1px;
}
#contact div,#certificate div{
background-color:#D9ECF5;
padding:5px 15px;
}
#contact div p{
padding:3px 0;
}
#contact div{
padding-bottom:24px;
}
#contact div strong{
line-height:20px;
font-size:11px;
}
#contact div a{
float:right;
font-size:11px;
line-height:18px;
text-decoration:underline;
}
#certificate div{
padding:18px 0 0 34px;
}
#certificate div a,#rohs{
display:block;
width:144px;
height:124px;
padding-bottom:18px;
background:transparent url(iso.jpg) no-repeat left top;
_height /**/:142px;
}
#certificate div #rohs{
height:144px;
_height /**/:162px;
background:transparent url(rohs.jpg) no-repeat left top;
}
/*==right==*/
#right{
float:right;
width:647px;
padding:2px 5px 5px 0;
_width:642px;
_width /**/:652px;
}
#title{
height:24px;
text-indent:12px;
background-color:#9DCCE8;
position:relative;
margin-bottom:20px;
line-height:24px;
font-weight:bolder;
font-size:13px;
}
#title a{
line-height:24px;
font-weight:bolder;
font-size:13px;
}
#title h3 {
font-size:13px;
display:inline;
}
#title a.more{
position:absolute;
top:2px;
right:8px;
font-size:11px;
font-weight:500;
}
#right .cbtitle{
height:24px;
background-color:#9DCCE8;
clear:both;
text-indent:12px;
margin-bottom:32px;
}
#right .cmtitle{
clear:both;
margin:-8px 12px 18px 12px;
padding:0 0 4px 8px;
border-bottom:solid 1px #9DCCE8;
}
.cbtitle a,.cmtitle a{
line-height:24px;
font-weight:bolder;
font-size:13px;
}
.cbtitle a.more{
}
#right .current{
text-decoration:underline;
font-style:italic;
}
#goods{
*height:1%;
}
#goods:after{
content:"";
display:block;
height:0;
clear:both;
}
#goods dd{
float:left;
width:150px;
height:220px;
line-height:18px;
padding:0px 0 0 53px;
_width /**/:203px;
}
#goods img{
width:130px;
height:130px;
border:solid 3px #F0F8FB;
}
#goods .imglink{
float:left;
width:136px;
height:136px;
border:solid 1px #B7DBEC;
}
#goods .prlink{
clear:both;
position:relative;
top:3px;
}
#goods i{font-style:normal;}
#goods b{font-weight:normal;}
#goods .prlink strong{
}
#intro{
}
.intrimg{
float:right;
clear:both;
margin:0 0 0 18px;
}
#desp2 p.intro{
padding-bottom:18px;
line-height:18px;
}
#desp2 p.intro strong{
font-weight:bolder;
font-style:italic;
}
#desp2 p.intro strong#beli{
font-size:18px;
line-height:48px;
}
#pr{
}
#primg{
}
#prdesp{
padding:12px;
}
#prdesp .model{
}
#prdesp .scroll{
width:650px;
overflow:auto;
}
#prtag{
margin:12px 4px 12px 0;
padding:4px 8px;
border-top:solid 1px #0791D7;
border-bottom:solid 1px #0791D7;
}
#prtag a{
}
#prmap{
padding:8px;
}
#prmap dd{
}
#prmap a{
}
#prmap .current{
}
#sitemap{
}
#sitemap dt{
margin:0 12px;
padding:2px 10px;
background:#fff url(disc.jpg) no-repeat left center;
}
#sitemap dt.cbtitle{
}
#sitemap dt.cblink{
margin:0 24px;
background:#fff url(circle.jpg) no-repeat left center;
}
#sitemap dt.cmlink{
margin:0 36px;
background-image:url(square.jpg);
}
#sitemap dd{
margin:0 60px;
padding:0 10px;
background:#fff url(square-k.jpg) no-repeat left center;
}
#post{
*height:1%;
}
#post:after{
content:"";
display:block;
height:0;
clear:both;
}
#post dt{
float:left;
clear:left;
width:155px;
text-align:right;
margin-bottom:12px;
margin-right:4px;
}
#post dd{
margin-bottom:12px;
}
#post dt.title{
text-align:left;
width:auto;
float:none;
clear:both;
height:20px;
line-height:20px;
background-color:#9DCCE8;
text-indent:8px;
}
#post dt span{
color:#f00;
}
#post .error,.error0{
font-size:11px;
color:#f00;
}
input.radio{
border:none;
}
#post #button{
clear:both;
width:300px;
}
#post #sub,#post #reset{
margin-left:12px;
}
.news{
}
.news dt{
}
.news dt a{
}
dd#new_current_title{
}
.news dd{
}
.news dd span.new-num{
}
.news p{
}
.news dd a{
}
.news a:hover{
}
#linksct,#links{
float:left;
padding-left:12px;
margin:12px;
}
#links{
float:right;
width:360px;
border-left:solid 1px #000;
}
#linksct dt,#links dt{
padding-left:10px;
background:transparent url(square.jpg) no-repeat left 6px;
}
#linksct dt strong{
color:#000;
}
#links a{
text-decoration:underline;
}
#lang{
position:absolute;
top:10px;
right:20px;
padding-right:118px;
background:transparent url(select.jpg) no-repeat right 2px;
margin-right:4px;
color:#2C89C0;
line-height:20px;
font-weight:bolder;
}
#trans{
position:absolute;
top:34px;
/*top:64px; wjn*/
right:20px;
visibility:hidden;
background-color:#fff;
border:solid 1px #999;
}
#trans dd{
border-bottom:solid 1px #ccc;
padding:2px 10px;
}
#trans img{
margin-top:4px;
}

/*==bottom==*/
#secondmenu{
clear:both;
height:24px;
background-color:#A0CEE9;
}
#secondmenu dt{
float:left;
}
#secondmenu a{
float:left;
padding:0 29px;
white-space:nowrap;
line-height:24px;
color:#fff;
background:transparent url(line.jpg) no-repeat left center;
}
#secondmenu a.first{
background:none;
}
#secondmenu a.current{
text-decoration:underline;
}
#keywordlist{
clear:both;
padding:5px 8px;
border-top:solid 1px #9DCCE8;
}
#keywordlist dd{
display:inline;
}
#keywordlist a{
padding:0 2px;
font-size:11px;
}
#keywordlist span.current{
}
#foot{
clear:both;
text-align:center;
padding:8px 8px 5px 8px;
}
#foot p{
line-height:18px;
}
#foot p span{
line-height:18px;
}
#foot p a{
line-height:18px;
}
#tour dl{
padding:0 15px;
margin-bottom:8px;
}
#tour strong{
padding-left:15px;
line-height:38px;
}
#tour img{
margin:15px 0 15px 15px;
}
.other{
padding:4px 8px;
}