@charset "utf-8";
/* CSS Document */
/** { outline:none; }*/
html { overflow-x: auto; overflow-y: auto; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th, hr { padding:0; margin:0; }
ul { list-style:none; }
h1{ font-size:20px; }
h2{ font-size:18px; }
h3{ font-size:14px; }
h4{ font-size:14px; }
h5{ font-size:12px; }
.body { width: 100%; height: auto; margin-right: auto; margin-left: auto; font-size: 12px; position: relative; color: #333; font-family:"Arial","微軟正黑體","新細明體"; color:#333; line-height:1.5; }
hr { border: 0px #BFBFBF solid; border-bottom: 1px #BFBFBF solid; }
table { border-collapse: collapse;}
button ,input{ vertical-align: middle; font-family:"Arial","微軟正黑體","新細明體"; color: #555; }
button{ width: 60px; height: 30px; font-size: 12px; line-height: 30px; color: #555; }
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }

.page{ font-size: 12px; text-decoration: none; font-weight: bold; color:#FE9113; }
.pagelink{ font-size: 12px; text-decoration: none; font-weight: bold; }
.pagelink a{ text-decoration: none; color:#fff; }
.pagelink a:hover { text-decoration: none; color:#FE9113; }
.pagelink a:visited{ text-decoration: none; color:#fff; }
.page_cur{font-size: 14px; text-decoration: none; font-weight: bold; }
.placeholder{ color:#bbb; }
/**/
.font-c00{ color: #000000; }
.font-c01{ color: #C8161D; }
.font-c02{ color: #333333; }
.font-c03{ color: #666666; }
.font-c04{ color: #999999; }
/**/
/*button start*/
.downloadBtn{ width: 115px; height: 36px; background: url('../images/btn/download.jpg') ; border: 0px; cursor: pointer; }
.resetBtn{ width: 100px; height: 28px; background: url('../images/btn/reset.jpg'); border: 0px; cursor: pointer; }
.submitBtn{ width: 110px; height: 28px; background: url('../images/btn/submit.jpg'); border: 0px; cursor: pointer; }
.modifyBtn{ width: 100px; height: 28px; background: url('../images/btn/modify.jpg'); border: 0px; cursor: pointer; }
.cartBtn{ width: 106px; height: 28px; background: url('../images/btn/cart.jpg'); border: 0px; cursor: pointer; }
.inquiryBtn{ width: 106px; height: 28px; background: url('../images/btn/inquiry.jpg'); border: 0px; cursor: pointer; }
.loginBtn{ width: 64px; height: 64px; background: url('../images/btn/login.jpg'); border: 0px; cursor: pointer; }
.passwordBtn{ width: 136px; height: 34px; background: url('../images/btn/password.jpg'); border: 0px; cursor: pointer; }
.sendPasswordBtn{ width: 136px; height: 34px; background: url('../images/btn/send_password.jpg'); border: 0px; cursor: pointer; }
.joinBtn{ width: 80px; height: 32px; background: url('../images/btn/join.jpg'); border: 0px; cursor: pointer; }
.refreshBtn{ width: 78px; height: 20px; background: url('../images/btn/refresh.jpg'); border: 0px; cursor: pointer; }
.deleteBtn{ width: 78px; height: 20px; background: url('../images/btn/delete.jpg'); border: 0px; cursor: pointer; }

.downloadBtn_cn{ width: 115px; height: 36px; background: url('../images/btn/download_cn.jpg') ; border: 0px; cursor: pointer; }
.resetBtn_cn{ width: 100px; height: 28px; background: url('../images/btn/reset_cn.jpg'); border: 0px; cursor: pointer; }
.submitBtn_cn{ width: 110px; height: 28px; background: url('../images/btn/submit_cn.jpg'); border: 0px; cursor: pointer; }
.modifyBtn_cn{ width: 100px; height: 28px; background: url('../images/btn/modify_cn.jpg'); border: 0px; cursor: pointer; }
.cartBtn_cn{ width: 106px; height: 28px; background: url('../images/btn/cart_cn.jpg'); border: 0px; cursor: pointer; }
.inquiryBtn_cn{ width: 106px; height: 28px; background: url('../images/btn/inquiry_cn.jpg'); border: 0px; cursor: pointer; }
.loginBtn_cn{ width: 64px; height: 64px; background: url('../images/btn/login_cn.jpg'); border: 0px; cursor: pointer; }
.passwordBtn_cn{ width: 136px; height: 34px; background: url('../images/btn/password_cn.jpg'); border: 0px; cursor: pointer; }
.sendPasswordBtn_cn{ width: 136px; height: 34px; background: url('../images/btn/send_password_cn.jpg'); border: 0px; cursor: pointer; }
.joinBtn_cn{ width: 80px; height: 32px; background: url('../images/btn/join_cn.jpg'); border: 0px; cursor: pointer; }
.refreshBtn_cn{ width: 78px; height: 20px; background: url('../images/btn/refresh_cn.jpg'); border: 0px; cursor: pointer; }
.deleteBtn_cn{ width: 78px; height: 20px; background: url('../images/btn/delete_cn.jpg'); border: 0px; cursor: pointer; }
/*button end*/
/*common start*/
.cmnHead{ width: 100%; height: 50px }
#cmnBanner{ width: 100%; min-width: 1000px; height: 110px; background: url('../images/banner/about.jpg') center center no-repeat #BFBFBF; }
.cmnBannerHead{ width: 970px; height: 50px; padding: 0 15px; margin: 0 auto; overflow: hidden; }
.cmnBannerHead li{ float: right; height: 20px; padding: 15px 5px; }
.cmnBannerHead .searchIpt{ width: 180px; height: 18px; line-height: 18px; text-align: right; background: url('../images/icon/search.gif') 2px center no-repeat #fff; padding: 0 5px 0 20px; border: 1px #ccc solid; }
.cmnBannerHead .searchBtn{ width: 45px; height: 20px; background: url('../images/btn/search.png') no-repeat; border: 0px; cursor: pointer; }
.cmnBannerBar{ width: 694px; height: 38px; padding-left: 306px; margin: 0 auto; }
.cmnBannerBar li{ float: left; width: 130px; height: 38px; padding-right: 7px; }
.cmnBannerBar li a{ width: 130px; height: 38px; display: inline-block; }
.cmnBannerBar li:hover{ background-position-y: bottom; }
.cmnBannerBar .home{ width: 130px; background: url('../images/btn/index_menu.png') left top no-repeat; }
.cmnBannerBar .about{ width: 130px; background: url('../images/btn/index_menu.png') -137px top no-repeat; }
.cmnBannerBar .products{ width: 130px; background: url('../images/btn/index_menu.png') -274px top no-repeat; }
.cmnBannerBar .news{ width: 130px; background: url('../images/btn/index_menu.png') -411px top no-repeat; }
.cmnBannerBar .sitemap{ width: 130px; background: url('../images/btn/index_menu.png') -547px top no-repeat; }

.cmnSlide{ width: 100%; height: 154px; background: url('../images/bg/ads.jpg') repeat-x; }
.cmnSlideBody{ width: 100%; min-width: 1000px; height: 154px; background: url('../images/ads/bg.jpg') center center no-repeat; margin: 0 auto; }
.cmnSlideBody ul{ width: 1000px; height: 154px; margin: 0 auto; }
.cmnSlideBody li{ width: 1000px; height: 154px; }

.cmnNav{ width: 100%; height: 30px; background: url('../images/bg/nav.jpg') repeat-x; }
.cmnNavBody{ position: relative; width: 1000px; height: 30px; background: url('../images/bg/nav_bar.jpg') center center no-repeat; margin: 0 auto; }
.cmnNavMenu{ position: absolute; top: 0px; left: 0px; width: 210px; height: auto; background: #F0F0F0; }
.cmnNavMenuTitle{ width: 210px; height: 30px; background: url('../images/bg/menu.jpg'); }
.cmnNavMenuSub a{ height: 30px; line-height: 30px; color: #484848; font-size: 12px; border: 1px #BEBEBE solid; border-top: 1px #fff solid; display: block; padding: 0 5px 0 20px; }
.cmnNavMenuSub ul{ width: 210px; line-height: 30px; color: #484848; }
.cmnNavMenuSub ul ul{ display: none; }
.cmnNavMenuSub li{ height: auto; text-indent: 0px; background: url('../images/icon/arrow_02.jpg') 10px 14px no-repeat #F0F0F0; overflow: hidden; cursor: pointer; }
.cmnNavMenuSub li li{ text-indent: 20px; background: url('../images/icon/arrow_03.jpg') 24px 14px no-repeat #FFFDDC; }
.cmnNavMenuSub li li li{ text-indent: 40px; background: url('../images/icon/arrow_04.jpg') 44px 12px no-repeat #EAF7FF; }
.cmnNavMenuSub li li li li{  text-indent: 60px; background: url('../images/icon/arrow_05.jpg') 64px 12px no-repeat #FEEFF6; }
.cmnNavMenuSub li.active{ background: url('../images/icon/arrow_01.jpg') 4px 12px no-repeat #F0F0F0; }
.cmnNavMenuSub li li.active{ background: url('../images/icon/arrow_01.jpg') 24px 12px no-repeat #F0F0F0; }
.cmnNavMenuSub li li li.active{ background: url('../images/icon/arrow_01.jpg') 44px 12px no-repeat #F0F0F0; }
.cmnNavMenuSub li li li li.active{ background: url('../images/icon/arrow_01.jpg') 64px 12px no-repeat #F0F0F0; }

.cmnNavMenuPath{ float: left; width: 770px; height: 30px; line-height: 30px; font-size: 12px; padding: 0 10px 0 220px; }
.cmnNavMenuPath a{ color: #C8161D; }
.cmnNavMenuPath li{ float: left; width: auto; height: 28px; line-height: 28px; color: #333; padding: 0 5px; }

.cmnBody{ width: 760px; min-height: 400px; height: auto; margin: 0 auto; padding: 20px 10px 20px 230px; overflow: hidden; }
.cmnBody h2{ height: 30px; line-height: 30px; }

#cmnMenu{ width: 100%; height: 28px; background: #AB0009; }
#cmnMenu ul{ width: 1000px; height: 28px; margin: 0 auto; }
#cmnMenu li{ float: left; width: auto; height: 28px; line-height: 28px; color: #fff; padding: 0 10px; }

.cmnPageBar{ width: 100%; height: 30px; line-height: 30px; text-align: center; }
.cmnPageBar a{ width: 20px; height: 30px; color: #666; font-size: 14px; font-weight: bold; padding: 0 5px; display: inline-block; }
.cmnPageBar .prev{ background: url('../images/icon/prev.jpg') center center no-repeat; }
.cmnPageBar .next{ background: url('../images/icon/next.jpg') center center no-repeat; }
.cmnPageBar .page{  }
.cmnBack{ width: 400px; height: 30px; padding-left: 350px; }
.cmnBackBtn{ width: 80px; height: 30px; background: url('../images/btn/back.jpg') 0px center no-repeat; cursor: pointer; }
/*common end*/

#wrapper{ width: 100%; height: auto; background: #F0F0F0; font-size: 16px; }
/*index start*/
#idxBanner{ width: 100%; min-width: 1000px; height: 515px; background: url('../images/banner/index.jpg') center center no-repeat; }
.idxBannerBar{ width: 694px; height: 38px; padding-left: 306px; margin: 0 auto; }
.idxBannerBar li{ float: left; width: 130px; height: 38px; padding-right: 7px; }
.idxBannerBar li a{ width: 130px; height: 38px; display: inline-block; }
.idxBannerBar li:hover{ background-position-y: bottom; }
.idxBannerBar .home{ width: 130px; background: url('../images/btn/index_menu.png') left top no-repeat; }
.idxBannerBar .about{ width: 130px; background: url('../images/btn/index_menu.png') -137px top no-repeat; }
.idxBannerBar .products{ width: 130px; background: url('../images/btn/index_menu.png') -274px top no-repeat; }
.idxBannerBar .news{ width: 130px; background: url('../images/btn/index_menu.png') -411px top no-repeat; }
.idxBannerBar .sitemap{ width: 130px; background: url('../images/btn/index_menu.png') -547px top no-repeat; }
#idxGoods{ width: auto; min-width: 1000px; height: auto; background: url('../images/bg/index.jpg') center center no-repeat; }
#idxGoods a{ color: #333; }
#idxGoods ul{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden; }
#idxGoods li{ float: left; width: auto; height: 180px; padding: 10px 9px; }
.idxGoodsPic{ width: 180px; border: 1px #ccc solid; }
.idxGoodsTxt{ width: 180px; height: 40px; line-height: 40px; text-align: center; border: 1px; overflow: hidden; }


/*index end*/

/*news start*/
.newsTitle{ width: 760px; height: 50px; background: url('../images/title/news.jpg') no-repeat; }
.newsLists{ width: 748px; height: auto; }
.newsLists a{ color: #666; }
.newsLists li{ color: #666; border-bottom: 1px #D9D9D9 dotted; overflow: hidden; }
.newsListsNo{ float: left; width: 72px; height: 30px; line-height: 30px; text-align: center; }
.newsListsDate{ float: left; width: 118px; height: 30px; line-height: 30px; text-align: center; }
.newsListsTitle{ float: left; width: 558px; height: 30px; line-height: 30px; text-indent: 20px; overflow: hidden; }
.newsListsTitle .new{ height: 30px; color: #007bd7; background: url(../images/icon/new.jpg) right center no-repeat; padding-right: 30px; }

.newsDetailHead{ width: 740px; height: 30px; line-height: 30px; text-align: right; padding-right: 20px; }
.newsDetailTitle{ width: 730px; height: 54px; line-height: 26px; background: url('../images/title/news_detail.jpg') no-repeat; padding: 10px; overflow: hidden; }
.newsHtml{ width: 730px; height: auto; min-height: 300px; margin: 20px 10px; border-bottom: 1px #A5A5A5 dotted; }
/*news end*/

/*sitemap start*/
.smTitle{ width: 750px; height: 30px; padding-bottom: 20px; }
.smNav{ width: 750px; height: auto; line-height: 30px; padding: 0 0 20px 10px; }
.smNav ul{ height: auto; overflow: hidden; }
.smNav li{ height: auto; background: url('../images/icon/arrow_01.jpg') 0px 10px no-repeat; padding-left: 20px; overflow: hidden; }
.smNav li li{ height: auto; color: #363636; background: url('../images/icon/arrow_02.jpg') 6px 12px no-repeat; padding-left: 20px; }
.smNav li li li{ height: auto; color: #656565; background: url('../images/icon/point.jpg') 6px 15px no-repeat; padding-left: 20px; }
.smNav li a{ color: #000; }
.smNav li li a{ color: #333; }
.smNav li li li a{ color: #666; }
.smNav .goods a{ color: #999; }
/*sitemap end*/

/*product start*/
.pdtCat{ width: 100%; height: auto; overflow: hidden; }
.pdtCat a{ color: #333; }
.pdtCat li{ float: left; width: auto; height: auto; padding: 10px 0px 10px 40px; }
.pdtCatPic{ width: 180px; background: #fff; border: 1px #ccc solid; }
.pdtCatTxt{ width: 180px; height: 30px; line-height: 30px; text-align: center; }
.pdtList{ width: auto; height: auto; overflow: auto; }
.pdtList a{ color: #333; }
.pdtList li{ float: left; width: auto; height: auto; padding: 10px 0px 10px 40px; overflow: auto; }
.pdtList table{ overflow: auto; }
.pdtList table th{ height: 30px; line-height: 30px; color: #000; background: #F1F1F1; }
.pdtList table td{ color: #666; text-align: center; background: #fff; }
.pdtList .pdtListPic{ min-width: 190px; border: 1px #CCC solid; overflow: hidden; }
.pdtList .pdtListNull{ min-width: 12px; background: #F1F1F1; border: 0px; overflow: hidden; }
.pdtList .pdtListField{ min-width: 100px; overflow: hidden; border: 1px #CCC solid; }
.pdtList td.pdtListPic img{ border: 5px #999 solid; }
.pdtList td.pdtListField{ min-width: 100px; background: #fff; border: 1px #CCC solid; padding: 0 5px; }
.pdtPicBox{ width: 750px; height: auto; padding-bottom: 20px; overflow: hidden; }
.pdtPicBig{ float: left; width: 500px; height: 375px; border: 1px #ccc solid; background: #fff; overflow: hidden; }
.pdtPicMin{ float: left; width:152px; height: 114px; padding: 5px; border: 1px #ccc solid; background: #fff; margin: 0 40px; cursor: pointer; overflow: hidden; }
.pdtSpec{ width: 750px; height: auto; min-height: 50px; margin-bottom: 20px; overflow: hidden; cursor: pointer; }
.pdtHtml{ width: 750px; height: auto; min-height: 50px; margin-bottom: 20px; border-bottom: 1px #A5A5A5 dotted; overflow: hidden; }
/*product end*/

/*other start*/

/*other end*/

/*foot start*/
#foot{ width: 100%; height: 100px; background: url('../images/bg/foot.jpg'); font-size: 16px; }
.footBody{ width: 1000px; height: 100px; margin: 0 auto; }
.footBodyInfo{ float: left; width: 680px; height: 80px; padding: 10px; }
.footCompanyName{ width: 700px; height: 30px; line-height: 30px; color: #fff; }
.footCompanyInfo{ width: 700px; height: 40px; line-height: 20px; color: #999; }
.footBodySub{ float: left; width: 280px; height: 90px; line-height: 20px; font-size: 12px; padding: 15px 10px; color: #666; }
/*foot end*/