@charset "UTF-8";
*{margin:0;padding:0}
body{font-family: Verdana,Arial, Geneva, sans-serif;margin:0; color:#333333;font-size:11px; background-image:url(../images/bg.gif);}
a:link{color: #333333;text-decoration: none}
a:visited {text-decoration: none;color: #333333}
a:hover {text-decoration:underline;color:#FE6C07;}
a:active {text-decoration: none;color: #333333}
a{blr:expression(this.onFocus=this.close())} 
a{blr:expression(this.onFocus=this.blur())} 
a:focus {-moz-outline-style: none} 
img{border:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td ,form{margin:0;padding:0} 
ol,ul { list-style:none} 
.pagenav {clear:both;text-align:center;margin-bottom:20px;font-size:11px; margin-top:20px; }
.pagenav .typing{float:right}
.pagenav select{font-size:11px}
.pagenav a{padding: 2px 5px;color:#FE6C07!important;border: solid 1px #FE6C07;text-decoration: none!important}
.pagenav a:hover{background-color:#FE6C07;color:#FFFFFF!important}
.pagenav span.current{padding:2px 5px;color:#FFF!important;background-color:#FE6C07!important;border: solid 1px #FF0000;font-weight:bold}
.pagenav .pre{margin:opj 0 15px}
.pagenav .next{margin-left:15px}
.clearfloat {clear:both; height:0;font-size: 1px;line-height: 0px}
 
#container {width:970px; margin:20px auto;  }
#header{ padding:10px 20px 0px 20px; background:#FFF }
#header #headertop{height:105px;background:url(../images/header_bg.gif);}
 
#header #headertop .message{ padding-top:75px; margin-left:300px;  line-height:22px;width:640px;height:22px;overflow:hidden}
 
.d1{

width:580px;
height:20px;
overflow:hidden;
white-space:nowrap;
float:right;
margin-right:20px;
margin-left:4px;

}
.d2{
margin:0px auto;
background-color:#FF9933;

}
.div2{
width:auto;
height:20px;
font-size:12px;
color:#E8641B

} 
 
 
#header #nav{ text-align:left; background:url(../images/nav.jpg); clear:both;height:42px;  } 
#header #nav dl dt{ padding-left:10px; float:left; }
#header #nav dl dt ul li{ float:left;background:url(../images/split.jpg) no-repeat 0px 4px; height:42px }
#header #nav dl dt ul li a{  font-size:15px; color:#FFF;line-height:42px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:600; display:block;padding-right:14px;padding-left:16px;}
#header #nav dl dt ul li a:hover{text-decoration:none;color:#F8F400;line-height:42px;}
#header #nav dl dd{ float:right; padding-right:40px;}
#header #nav dl dd .searchinput{ border:none;  font-size:11px; color:#999; width:160px;  }
#header #slider {width: 930px;height: 375px;position: relative;overflow: hidden;}
#header #slider img{border: 0px;}
#header #sliderContent {width: 930px;position: absolute;top: 0;margin-left: 0;}
#header #sliderContent a{color:#ffffff}
#header #sliderContent a:visited{color:#ffffff}
#header .sliderImage {float: left; position: relative;display: none;}
#header .clear{clear: both;}
#header .sliderImage span strong{font-size: 15px;}
#header .top{top: 0;left: 0;}
#header .bottom{bottom: 0;left: 0;}
#header #currentpath{ line-height:15px; font-size:10px; padding-top:4px;  }
#header #currentpath strong{ font-weight:normal}

#content{clear:both; background:#FFF;padding:5px 20px 0px 20px; overflow:hidden;zoom:1 }
#content #index .indexbg{ width:370px; line-height:18px;background:url(../images/indexaboutusbg.jpg); float:left;height:auto !important; height:230px;min-height:230px; margin-right:10px;_margin-right:7px; margin-bottom:8px;  }
#content #index h1{height:30px;  line-height:30px; font-size:14px; font-weight:bold; text-indent:10px; color:#000; }
#content #index #profile{border:1px #CCC solid; padding:5px 10px 10px 10px; height:183px;_padding:5px 10px 7px 10px;}
#content #index #profile .indexaboutuscontent{font-size:11px; border-bottom:1px #CCC dashed; padding-bottom:5px; line-height:18px;}
#content #index #profile #indexnewsphoto{ margin-top:6px;} 
#content #index #profile #indexnewsphoto dl{ clear:both; }
#content #index #profile #indexnewsphoto dl dt{ width:120px; float:left;margin-right:10px;}
#content #index #profile #indexnewsphoto dl dt img{ width:115px; height:80px; border:1px #CCC solid; padding:1px; }
#content #index #profile #indexnewsphoto dl dd ul li.newstitle{ font-size:13px;line-height:15px; margin-bottom:6px; list-style:none}
#content #index #profile #indexnewsphoto dl dd ul li.newstitle span{ font-size:11px; padding-left:5px; color:#999}
#content #index #profile #indexnewsphoto dl dd ul li.newstitle a{ font-weight:bold; color:#FE6C07}
#content #index #profile #indexnewsphoto dl dd ul li.newscontent{ line-height:15px; font-size:10px; color:#333}

#content #index #indexclass{border:1px #CCC solid; padding:5px 10px 5px 10px; height:188px;line-height:14px;}
#content #index #indexclass span{display:-moz-inline-box;display:inline-block;vertical-align:top;width:87px;text-align:center; }
#content #index #indexclass span img {border:1px solid #ccc; width:55px; height:55px; }
#content #index #indexclass span strong{margin-top:4px;display:block;width:87px; font-weight:normal}

#content #left{float: left;width:200px;margin-right:15px;  } 
#content #left .leftlabel{ font-size:15px;line-height:28px; color:#FFFFFF; font-weight:bold;background:url(../images/leftlabelbg.gif); padding-left:30px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:600 }
#content #left #productclass{margin-bottom:5px; }
#content #left #productclass dl{ border:#C8C8C8 1px solid; border-top:none; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:4px; }
#content #left #productclass .bigclass{border-bottom:1px  #999  dotted}
#content #left #productclass .bigclass a{  display:block; padding:4px 3px 4px 6px; font-size:11px;  }
#content #left #productclass .bigclass a:hover{text-decoration:none; background:#579C8A; color:#FFF}
#content #left #productclass .selectbigclass{border-bottom:1px  #999  dotted}
#content #left #productclass .selectbigclass a{color:#FFF;  display:block; padding:4px 3px 4px 6px; font-size:11px; background:#579C8A}
#content #left #productclass .selectbigclass a:hover{color:#FFF; text-decoration:none }
#content #left #productclass ul{list-style:none; margin-left:5px; padding-bottom:5px; margin-top:5px; border-bottom:1px #CCC dotted}
#content #left #productclass ul li{ line-height:18px; }
#content #left #productclass ul li a{ font-size:11px; background:url(../images/bg_menu_arrow01.gif) no-repeat 0px 2px; padding-left:6px;  }
#content #left #productclass ul li.selectsmallclass a{color:#FE6C07; }
#content #left #leftcontent{ margin-top:10px}

#content #right{float:left;width:710px}
#content #right h1{background:url(../images/h1_bg.gif);font-size:14px; line-height:28px; height:35px; clear:both; margin-bottom:10px; }
#content #right h2{font-size:13px; line-height:28px;clear:both; margin-top:6px;}

#right #product{padding-bottom:5px;}
#right #product #gallery span{display:-moz-inline-box;display:inline-block;vertical-align:top;margin-top:10px;width:177px; text-align:center}
#right #product #gallery span img {border:1px solid #ccc;}
#right #product #gallery span strong{margin-top:6px;display:block;width:177px;}

#right #inquiryproduct dl{ clear:both; margin:10px;display:block; }
#right #inquiryproduct dl dt{ width:180px; float:left;}
#right #inquiryproduct dl dt img{ margin-bottom:10px; margin-left:10px;}
#right #inquiryproduct dl dt ul li{ float:left}
#right #inquiryproduct dl dd ul li.productname{} 
#right #inquiryproduct dl dd ul li.productname a{ font-size:11px;}
#right #inquiryproduct dl dd .itemno{ font-size:11px; font-weight:bold; line-height:25px; color:#999;}
#right #inquiryproduct dl dd ul li.productintro{ line-height:18px; margin-top:10px;}
#right #inquiryproduct dl dd ul li.price{ font-size:12px; color:#86171C; font-weight:bold;}
 
#content #right #showproduct  h2{ text-align:center; font-size:16px;color:#FE6C07;}
#content #right #showproduct  h3{border-bottom:1px #CCC dotted; font-size:14px; line-height:30px; margin-top:10px;}
#content #right #showproduct .productphoto{ margin-top:10px; text-align:center; margin-bottom:20px;}
#content #right #showproduct .itemno{ text-align:center; color:#999; font-weight:bold;}
#content #right #showproduct .price{ font-size:13px; text-align:center; font-weight:bold; line-height:25px; color:#A53F30;}
#content #right #showproduct .specification{ margin-top:10px;margin-bottom:15px; line-height:16px;}
#content #right #showproduct .specification td{ padding-left:5px; padding-right:5px}
#content #right #showproduct .specification br{ line-height:15px;}
#content #right #showproduct .inquiry{ text-align:center; margin-top:15px}
#content #right #showproduct td{ height:22px}

#content #right #pagecontent{line-height:18px;padding-bottom:10px; }
#content #right #pagecontent ul{ margin-left:15px}
#content #right #pagecontent ul li{ margin-bottom:10px}
#content #right #pagecontent br{ line-height:10px}
#content #right .flag{ color:#F00}

#content #right #newslist .picdl{ margin-bottom:5px; border-bottom:1px dashed #cccccc; padding-bottom:6px; height:80px}
#content #right #newslist .nopicdl{ border-bottom:1px dashed #cccccc; margin-bottom:5px; padding-bottom:6px;height:60px  }
#content #right #newslist dl{ padding-top:10px;}
#content #right #newslist dl dt{ float:left; width:130px; }
#content #right #newslist dl dd ul li.newstitle a{ font-size:13px}
#content #right #newslist dl dd ul li.newscontent{ font-size:11px; margin-top:5px; line-height:17px;}
#content #right #shownews dl{ padding-bottom:20px}
#content #right #shownews dl dt h2{text-align:center; color:#333; font-size:15px}
#content #right #shownews dl dd{  line-height:18px; padding-top:10px; padding-bottom:10px;border-bottom:#CCCCCC 1px dotted; }
#content #right #shownews dl dt.relatednews ul{ margin-left:15px;list-style:circle;padding-top:10px; line-height:18px}
#content #right #shownews dl dt.relatednews ul li a{ font-size:11px; }
#content #right #shownews br{ line-height:10px}
#content #right #shownews  .back{ text-align:right; margin-top:20px; margin-bottom:20px;}

#footer{text-align:center;clear:both; background:#FFF;margin-bottom:20px;padding:10px 20px 20px 20px;}
#footer #footmenu{ clear:both; text-align:center;border-top:1px #CCC solid; border-bottom:1px #CCC solid; line-height:22px;}
#footmenu a{ padding-left:20px; padding-right:20px; font-size:11px; font-weight:bold;text-decoration: none; border-left:1px #FFF  solid; }
#footmenu a:hover{ text-decoration:none;  }
#footer #copyright{ clear:both; line-height:18px;  margin-bottom:10px;  font-size:11px;}
#footer #copyright a{ text-decoration:underline; }
#footer .tran{ text-align:center; padding-bottom:20px}
#footer .tran img{ padding-right:5px; padding-left:5px}