@import url("topmenu.css");
/**** global setting ****/
body {
margin: 0px;
background: url(../images/body_bg.jpg) repeat-x ;#FFF;
font-family: "Microsoft JhengHei",Arial;
font-size: 13px;
line-height: 20px;
color:#333;
width:100%;
position:absolute;
text-align: left;
}
form{
margin:0px; padding:0px;
}
input , select{ font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {
outline: none; /* for Firefox */
hlbr:expression(this.onFocus=this.blur()); /* for IE */
color:#000000; text-decoration:none;
}
A:hover {
COLOR: #666666; TEXT-DECORATION: underline;
}
h1 {
margin: 15px 0 0 12px; text-align: left; background:url(../images/h1.gif) no-repeat 0px 8px; border-bottom:#caccd2 dashed 1px;
padding:8px 0px 4px 30px; color:#333333; font-size: 160%; height:26px;
}
h1 a {
color: #666666; text-decoration: none;
}
.breadcrumbs {
text-align: right; font-size:95%; line-height: 12px; color: #666666; margin-top:-20px;
padding: 0px 8px 0px 0px;
_padding /**/: 8px 8px 0px 0px; /* IE 55 Quirks */
}
.breadcrumbs a {
color: #666666; text-decoration: none;
}
.breadcrumbs a:hover{
color: #000000;
}
.breadcrumbs h2 {
color: #666666; display: inline; font-size:95%; font-weight: normal;
}
#container {
margin: auto;
width: 1000px;
overflow: hidden;
text-align: left;
}
table{
font-size:100%;
}
/**** header setting ****/
#header {
height:141px; width:1000px; position:relative;
}
#header img {
border: 0px;
}
.logo {
height: 124px;
float: left;
}
.logo img{
margin: 40px 0px 0px 40px;
}
/**** 嚙踝蕭position: absolute; 嚙踝蕭嚙踝蕭嚙緙嚙緣嚙畿嚙踝蕭嚙磊嚙畿嚙篌嚙瞎嚙確嚙諉區塚蕭 ****/
.language {
margin: 0px;
text-align: right;
padding-right: 60px;
height: 26px;
}
.language a{ color:#444444;}
.language img { margin:0px 5px;}
.register {
color: #444444; display:none;
padding-right: 60px;
overflow: hidden;
height: 40px;
}
.register ul {
margin: 0px; list-style: none; float: right;
}
.register li { float: left; margin-top: 10px;
}
.register a{
color:#444444; padding: 0px 8px 0px 8px; border-right: 1px solid #666
}
.register a:hover , .language a:hover , .lan_txt a:hover , .lan_txt1 a:hover{
color:#ff8930; text-decoration: none;
}
/**** 嚙踝蕭嚙緝嚙踝蕭嚙瘠 ****/
.lan_txt {
margin: 0 0 0 5px;
float: right;
}
.lan_txt li {
margin-top: 4px;
}
/**** 嚙踝蕭嚙碼嚙踝蕭嚙瘠 ****/
.lan_flag {
float: right;
margin-top: 2px;
}
/**** 嚙踝蕭嚙緝嚙磊嚙踝蕭 ****/
.lan_txt1, .lan_txt12 {
float: right;
margin-top: 2px;
}
/**** 嚙踝蕭嚙碼嚙磊嚙踝蕭 ****/
.lan_flag1, .lan_flag12 {
float: right;
padding-top: 2px;
}
.lan_flag12 ul{
margin:0px 0px 0px -45px;
}
/**** ****/
.search {
text-align: right;
margin: 0px 60px 0px 0px;
clear: right;
padding-top: 8px;
}
.search form{
margin: 0px;
}
.search input {
border: 1px #c8c8c8 solid;
background:#f6f6f6;
color:#333;
font: 95% Verdana;
padding: 3px 3px 3px 10px;
}
.search img {
cursor:pointer;
margin-top: 5px;
}
.banner {
height: 350px; display:none;
padding:10px 0px;
background-color:#ffffff;
margin: 0px 21px;
text-align: center;
}
.banner img{
height: 350px;
width:940px;
}
.nav {
font-size:105%; position:absolute; right:20px; top:70px;
height:36px;
padding:0px;
margin: 0px;
}
.nav ul {
list-style: none;
padding:0px;
margin: 0px 15px;
}
.nav li {
float: left;
margin: 0px 1px;
width: 114px;
text-align: center;
}
/**** 嚙踝蕭li嚙踝蕭嚙踝蕭嚙箴嚙論和嚙踝蕭嚙練嚙璀嚙磊嚙踝蕭嚙緻嚙罵嚙諉梧蕭嚙踝蕭link嚙磅嚙踝蕭 ****/
.nav li a {
color:#000;
text-decoration: none;
display:block;
padding: 8px 0px;
}
.nav li a:hover , .nav li a.current{
color:#000;
text-decoration: none;
}
/**** right setting ****/
#content {
float:right;
width: 1000px;
text-align: left;
}
#maincontent {
width: 95%; margin: 10px auto 20px ; overflow: hidden; padding-top: 20px;
}
.aboutus, .contact, .download, .inquiry, .msg, .product, .member {
width: 95%; margin: 10px auto 20px; overflow: hidden; padding: 20px 0 0 50px;
}
.news{
width:95%; _width /**/:98%; /* IE 55 Quirks */
background-color:#FFFFFF; border-bottom:1px dashed #999;
border-top:1px dashed #999; padding:10px; margin:15px 0px;
}
.subjcet {
border-bottom:3px groove #dddddd; margin-bottom:2px; padding-bottom:4px; color:#FF6600; font-weight:bolder;
}
.date { font-size:95%; color:#666; float:right; margin-top:-32px; margin-right:12px;
}
.news_d{
}
/**** 嚙踝蕭嚙踝蕭嚙稽嚙緩 ****/
.list {
font-size:95%; border-bottom: #000 2px solid; padding-bottom: 28px;
}
.list th {
padding: 5px 0px 5px 10px; text-align: left;
background:url(../images/thBg.gif) repeat-x #000000;
color:#efefef;
}
.list td {
border-bottom: 1px #ccc solid; padding: 5px 0px 5px 10px;
}
.list img { border: 0px;
}
/**** 嚙罵嚙踝蕭嚙瞎嚙誕迎蕭嚙踝蕭嚙稽嚙緩 ****/
.note {
font-size:100%; line-height: 18px;
}
.right {
text-align: right; margin-bottom: 5px; font-size:95%; margin-top: 20px;
}
.btn {
text-align: right; margin-bottom: 5px; font-size: 95%; margin-top: 10px;
}
.btn_b{
text-align:center; margin-top:18px;
}
.red {
color: #cc0000;
}
.forget, .login, .oredersearch {
width: 500px; padding-left: 100px; font-size:95%; margin-top: 30px;
}
.member h3, .contact h3 {
border-top: 2px #333 solid; border-bottom: 1px #999 solid; background:#dfdfdf; padding: 3px 0px 3px 0px;
text-align: center; margin: 0px 0px 0px 1px;
}
.inquiry h3 {
border-top: 2px #333 solid; border-bottom: 1px #999 solid; background:#dfdfdf; padding: 3px 0px 3px 0px;
text-align: center; margin: 60px 0px 0px 1px; font-size: 100%;
}
.frmregister, .frmcontact {
border-bottom: 1px #333 solid; margin-bottom: 25px;
}
.frmregister th, .frmcontact th, .forget th, .login th, .oredersearch th {
background:#dfdfdf; padding: 5px 10px 5px 10px; text-align: right; font-weight: normal;
}
.frmregister td, .frmcontact td, .forget td, .login td, .oredersearch td {
padding: 5px 10px 5px 10px;
background: #dfdfdf;
}
.frmregister input, .frmcontact input, .forget input, .login td input {
color: #333; font: 100%; height: 18px;
}
.buttonimg {
font-family: Verdana;
border: 1px #999 solid;
background:#dfdfdf;
font-size:100%;
height: 20px;
margin-right:20px;
}
.link {
font-size:95%;
}
.link a{
background:url(../images/member_p.gif) 0px 4px no-repeat; padding-left: 10px; color:#000000
}
.link a:hover {
color:#848484
}
.frminquiry { border-bottom: #333333 2px solid;
}
.frminquiry thead th {
border-top: 2px #333 solid; border-bottom: 1px #999 solid; background:#dfdfdf;
padding: 3px 0px 3px 0px; text-align: center; margin: 0px 0px 0px 1px;
}
.frminquiry tbody th {
text-align: center; font-weight: normal;
}
.frminquiry tbody {
background:#fbfbfb;
}
.even {
background: #f2f2f2;
}
.price {
text-align: right; margin-bottom: 10px;
}
.frminquiry2 {
border-bottom: #333333 2px solid; margin-top: 60px; border-top: #333333 2px solid;
}
.frminquiry2 th {
background:#dfdfdf; padding: 5px 10px 5px 10px; text-align: left; font-weight: normal;
}
.frminquiry3 {
border-bottom: #333333 2px solid; margin-top: 0px;
}
.frminquiry3 th {
background:#dfdfdf; padding: 5px 10px 5px 10px; text-align: left; font-weight: normal;
}
/**** 嚙踝蕭嚙複設嚙緩 ****/
.page {
width: 95%; text-align: center; margin: 15px 0px; vertical-align: middle; clear:both;
}
.page img {
padding: 0px 5px; border: 0px; vertical-align:middle;
}
.page-no a{
padding:0px 4px; font-size:95%; vertical-align:middle; color:#666666; background-color:#efefef;}
.page-no a:hover { color:#333333;}
.page-no a.current { color:#efefef; background-color:#666666; font-weight:bolder;}
.page-no a.current:hover { color:#ffffff; }
/**** 嚙踝蕭嚙羯嚙踝蕭嚙豬設嚙緩 ****/
.productlist, .related {
clear: both;
text-align: center;
}
.related h6 { margin: 0px; font-size:100%; padding-top: 40px;
}
.product-cate {
}
.product-cate img {
}
.cate-photo {
background-color:#fff;
}
.cate-name {
background-color: #dbdbdb;
}
.cate-name a{
color: #000;
}
.cate-name a:hover {
color:#FF9933;
}
.cate-dat{
font-size:95%;
color:#666666;
line-height:12px;
padding:0px 0px 0px 15px;
}
.cate-dat p{
padding:0px;
margin:4px 0px;
}
.cate-dat p strong{
color:#CC3300;
}
.cate-desc{padding: 0px 0px 0px 35px;}
.pro-desc {
padding: 0px 5px 0px 15px; font-size:95%; line-height: 16px; margin-bottom: 5px; font-weight:bold;word-wrap:break-word;
}
.pro-inquiry {
font-size:95%; padding-left: 15px;
}
.pro-inquiry input{
border: 1px #c8c8c8 solid; background:#f6f6f6; color:#313131; font:95% Verdana;
width:120px; vertical-align:middle;
}
.pro-inquiry option ,.pro-inquiry select{
font: 95% Verdana; width: 122px;
}
.pro-inquiry p{
margin:8px 0 0 0; padding:0px;
}
.pro-inquiry p img{
padding:0px 8px 0px 0px;
}
.pro-inquiry img {
border: 0px; vertical-align:middle;
}
.result {
font-size: 95%; text-align: right; padding-bottom: 5px;
}
/**** 嚙踝蕭嚙羯嚙踝蕭嚙瘠嚙踝蕭嚙稽嚙緩 ****/
.show_oneline{
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
margin: 10px 15px 30px 0px;
width:95%;
padding: 12px;
}
.show_oneline .cate-photo{
text-align: center;
margin:0px 20px 20px 0px;
float:left;
background: #FFF;
}
.show_oneline .cate-name {
text-align:left;
height: 24px;
font-weight:bolder;
padding-top: 6px;
font-size: 14px;
margin: 0px;
padding-left: 260px;
*padding-left: 10px;
}
.show_oneline .pro-desc {
padding: 0; font-size: 11px; line-height: 16px; font-weight:bold;
width:100%;width:auto;
}
.show_oneline .pro-inquiry {
font-size: 11px; padding-left: 10px;
}
/*** 嚙諸包嚙篁嚙踝蕭嚙踝蕭 ***/
.other-tree{
display:none;
}
/**** 嚙踝蕭嚙羯嚙篌嚙誕哨蕭嚙踝蕭嚙瘠嚙踝蕭嚙稽嚙緩 ****/
.pro-name {
}
.pro-no {
}
.pro-photo {
height: 400px;
}
.large {
float: left; padding-right: 20px;
}
.large {
float: left;
}
.large img{}
.small {
float:left; width: 100%;position:relative;
}
.small ul {
padding: 0; margin: 0; list-style: none;
}
.small li { float: left;
}
.small img {
padding: 2px; border: 1px solid #dadada; margin: 3px;
}
.enlarge{
width: 385px; text-align: right; padding-top: 3px; clear: both;
}
.enlarge a {
color: #000000;
}
.product h5 {
background: #e4e4e4; font-size:105%; border-bottom: 1px solid #d5d5d5; margin: 0px;
padding-left: 5px;
}
/**** 嚙踝蕭嚙羯嚙篌嚙誕哨蕭嚙踝蕭繞嚙誕設嚙緩 ****/
.pdf {position:relative;margin:30px 0 10px 0;text-align:left;}
.showsmall {
margin-top: 10px;
}
.showsmall ul {
padding: 0px; margin: 0px; list-style: none;
}
.showsmall li { float: left; padding-top: 5px;
}
.showsmall img {
padding: 2px; border: 1px solid #dadada; margin: 3px;
}
/**** left setting ****/
#sidebar {
float: left; width: 1000px;
}
.title {
float:left; width:292px;
}
.menu {
text-align: left;
}
.menu img {
margin-left: 0px 0px 0px 30px;
}
.menu ul {
padding: 0; margin: 0; list-style: none; float:left; width:708px;
}
.menu li {
float:left; width:235px; margin:0px 1px 1px 0px; background:#42d7d1; height:33px; text-align:center;
}
/**** 嚙踝蕭li嚙踝蕭嚙踝蕭嚙箴嚙論和嚙踝蕭嚙練嚙璀嚙磊嚙踝蕭嚙緻嚙罵嚙諉梧蕭嚙踝蕭link嚙磅嚙踝蕭 ****/
.menu a {
display: block; font-size:14px; font-weight:bold;
color:#132e79;
padding: 6px 0px 4px 18px;
text-decoration: none;
}
.menu a:hover , .menu a.current{
color:#000000;
}
/**** 嚙踝蕭嚙踝蕭嚙衝二嚙篁嚙踝蕭嚙踝蕭嚙練 ****/
.menu li ul {
margin: -26px 0 0 130px;
background-color:#ffffff;
border:1px solid #cccccc;
width: 200px;
}
.menu li ul li{
margin:0px; padding:0px;
background:url(../images/arr01.gif) no-repeat 8px 10px;
*background:url(../images/arr01.gif) no-repeat 8px 12px;
}
.menu li ul li a{
}
.menu li ul li a:hover , .menu li ul li a.current:hover{
background:url(../images/arr01.gif) no-repeat 8px 10px #999;
*background:url(../images/arr01.gif) no-repeat 8px 12px #999;
color:#FFFFFF;
}
/**** 嚙踝蕭嚙踝蕭嚙衝三嚙篁嚙踝蕭嚙踝蕭嚙練 ****/
.menu li ul li a.current {
background:url(../images/arr01.gif) no-repeat 8px 10px;
*background:url(../images/arr01.gif) no-repeat 8px 12px;
}
.menu li ul li ul{
width: 100%;
}
/* */
.rss {
text-align: left; margin-top: 30px;
}
.rss .subscribe{
text-align:center;
}
.rss .subscribe a{
padding:0px 0px 0px 10px;
}
.rss .subscribe img{
padding:0px 10px;
}
.subscribe {
padding: 5px 0px 0px 35px;
font-size:95%;
}
.subscribe input{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cccccc; border: 1px solid #C8C8C8;
}
.service { text-align: center; margin-top: 30px;
}
.servicephoto { padding-left: 20px;
}
.serviceword { padding: 5px 0px 20px 0px;
}
.newsletter {
text-align: left; margin-top: 30px;
}
.newsletter .subscribe img{ cursor:pointer; }
/**** 嚙踝蕭嚙踝蕭嚙編嚙踝蕭 ****/
.friendly-link{
width:30%; float:left; text-align:center; margin:22px 10px; background-color:#FFFFFF;
}
.friendly-link .link-img{
margin:16px 2px;
}
.friendly-link .link-name{
margin:8px;
}
/**** 嚙範嚙踝蕭嚙瞌 ****/
.bbs_tab{
width:98%;
}
.bbs_tab th{
background:url(../images/thBg.gif) repeat-x #000000;
color:#efefef;
font-weight:bolder;
text-align: left;
}
.bbs_tab td ,.bbs_tab2 td{
border-bottom:1px solid #cccccc;
}
.bbs_tab2{
width:98%;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
background:#FFFFFF;
}
.bbs_tab2 th{
background-color:#ededed;
color:#333;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
width:20%;
text-align:right;
}
/**** 嚙範嚙踝蕭嚙瞌 嚙稷嚙踝蕭 ****/
.comments{
width:95%; _width:98%; /* IE6 */
background-color:#FFFFFF; border-bottom:1px dashed #999; border-top:1px dashed #999; padding:10px; margin-top:15px;
}
.comments_t{
float:right; color:#999999;
}
.comments_n{
border-bottom:3px groove #dddddd; margin-bottom:2px; padding-bottom:4px; color:#FF6600; font-weight:bolder;
}
.comments_d{
}
/**** 嚙瘡嚙羯嚙諛塚蕭 ****/
.hr_dat{
width:95%; _width:98%; /* IE6 */
background-color:#FFFFFF;
border-bottom:1px dashed #999;
border-top:1px dashed #999;
padding:10px;
margin-top:15px;
}
.hr_t{
float:right;
padding:4px 8px;
color:#efefef;
}
.hr_n{
border-bottom:5px groove #dddddd;
margin-bottom:2px;
font-weight:bolder;
background-color:#333;
color:#FFFFFF;
padding:4px 8px;
}
.hr_d{
padding:20px;
}
.hr_text{
padding:10px 0px 0px 0px; margin:0px;
}
.hr_text div{
float:right; margin:0px 14px;
}
/**** footer setting ****/
#footer {
clear: both;
background: url(../images/footer_bg.jpg) repeat-x;
font-size:95%;
text-align: left;
padding:20px;
_display:inline-block; /*** IE6 ***/
}
.subnav {
width: 970px; text-align:right; padding-top: 48px; color: #444444; display:none;
}
.subnav a{
color: #444444; padding: 0px 7px 0px 7px;
}
.subnav A:hover{
color: #666666;
}
.address{float:left; margin:10px 0;}
.address , .copyright{
/*width: 963px;*/ width: 450px; color:#444444; line-height: 18px;
}
.copyright{text-align: center; margin: 20px 0px; width: 100%; background: #ccc; padding: 5px 0; font-size: 12px; display: inline-block;}
.address a , .copyright a{
color:#444444;
}
.qr{width: 200px; text-align: right; float: left;}
/**** =================================嚙畿嚙褊開嚙踝蕭div ============== ****/
#chickmenu{
position: absolute;
width: 80px;
top:290px;
background: url(../images/chickmenu_02.jpg) repeat-y;
text-align:center;
font-size:95%;
font-family:Arial, Helvetica, sans-serif;
z-index:200;
background-repeat: repeat;
}
#chickmenu a img{
border:none;
}
#chickmenu a{
outline:none;
hide-focus: expression(this.hideFocus=true);
}
.chick-productOn{
margin-left: 5px;
overflow: hidden;
text-align: center;
width: 70px;
}
/**** ------------- end ------------- ****/
.sitemap{margin-left:50px;}
.sitemap_cate{}
/**** 嚙稽嚙踝蕭嚙瞌 ****/
#lamp{
}
#lamp marquee{
height: 35px;
margin: 0 0 0 12px;
width: 720px;
}
/**** SMO嚙線嚙踝蕭 ****/
.smoTools_list{
margin: 0 30px;
text-align: right;
}
/*** 嚙窯嚙踝蕭嚙踝蕭嚙瘩 ***/
.faq{
}
#faqcate {
background:url(../images/arrow.gif) #ededed no-repeat 7px 16px;
color:#333333;
font-size: 120%;
font-weight: bold;
margin: 20px 0 20px 30px;
padding: 10px 0 10px 20px;
text-align: left;
width: 680px;
_width /**/: 700px;
}
#faqcate select{
vertical-align:middle;
}
#faqlist {
margin: 10px 0 30px 30px;
width: 700px;
_width /**/: 680px;
_width: 700px;
border-bottom: 1px dashed #999999;
}
#faqlist th{
text-align:left;
font-size:120%;
font-weight:bold;
background:url(../images/category_point.gif) no-repeat 5px 6px;
padding:0 0 10px 20px;
margin-bottom:5px;
color:#555555;
}
#faqlist td{
width:700px;
}
.faqSub {
padding:10px 0 10px 20px;
border-top: 1px dashed #999999;
/*** background:url(../images/faqSub_bg.gif) repeat-x; ***/
}
.faqSub , .faqSub a{
color: #40649B;
font-size:110%;
}
.hideobj {
display:none;
position:relative;
}
.showobj span{
font-size:110%;
}
.showobj{
float:left;
color:#666666;
margin:0;
padding:0 0 10px 20px;
}
.showobj p{
margin:0px;
padding:0px;
}
.smoTools{width:100%;text-align:right}
.footer{width:1000px; margin:auto;}
.footer_logo{float:left; margin:0 30px;}
.item1, .item4, item7{background:url(../images/prolist_line.jpg) no-repeat left; padding-left:10px;}