@import url("topmenu.css"); /**** global setting ****/ html{ background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: center top; } body { margin: 0px; font-family: "微软雅黑"; font-size: 13px; line-height: 20px; color:#333; width:100%; position:absolute; text-align: left; background-image: url(../images/html_bg.gif); background-repeat: repeat-x; background-position: left bottom; } form{ margin:0px; padding:0px; } input , select{ font-family:"微软雅黑"; } 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: 10px 20px 0px 22px; text-align: left; background:url(../images/h1_bg.gif) no-repeat; padding:3px 0px 0px 15px; color:#333333; font-size: 115%; float: left; } h1 a { color: #666666; text-decoration: none; } .breadcrumbs { text-align: left; font-size:95%; line-height: 12px; color: #666666; float: left; padding: 20px 10px 0px 0px; } .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; background:url(../images/whole_table_bg.png) repeat-y; overflow: hidden; text-align: left; } .main_bg{ background-image: url(../images/main_bg.png); background-repeat: no-repeat; background-position: left bottom; overflow: hidden; } table{ font-size:100%; } .links a{color: #333; font-size: 12px; } /**** header setting ****/ #header { background-image: url(../images/header_bg.gif); background-repeat: no-repeat; overflow: hidden; } #header img { border: 0px; } .logo { float: left; position: absolute; } .logo img{ margin: 55px 0px 0px 70px; } /**** ��position: absolute; ����y�t�B���U�B�j�M�T�Ӱ϶� ****/ .language { padding-right: 60px; font-size: 90%; padding-top: 10px; color: #000; float: right; } .language a{ color:#FFF; font-weight: bold; } .language img { margin:0px 5px;} .language a:hover { color: #000; } .register { color: #999; padding-right: 60px; float: right; } .register ul { margin: 0px; list-style: none; } .register li { float: left; margin-top: 13px; } .register a{ color:#999; padding: 0px 8px ; border-right: 1px solid #666 } .register a:hover , .lan_txt a:hover , .lan_txt1 a:hover{ color:#FF0; text-decoration: none; } /**** ��r��C ****/ .lan_txt { margin: 0 0 0 5px; float: right; } .lan_txt li { margin-top: 4px; } /**** ��X��C ****/ .lan_flag { float: right; margin-top: 2px; } /**** ��r�U�� ****/ .lan_txt1, .lan_txt12 { float: right; margin-top: 2px; } /**** ��X�U�� ****/ .lan_flag1, .lan_flag12 { float: right; padding-top: 2px; } .lan_flag12 ul{ margin:0px 0px 0px -45px; } /**** ****/ .search { text-align: right; padding: 20px 40px 0px 0px; clear: right; color: #CCC; font-size: 90%; } .search a{ color: #CCC; } .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: 173px; margin: 0px; background-image: url(../images/banner01.jpg); background-repeat: no-repeat; } a img { border: none; } #abgne_fade_pic { position: relative; width: 1000px; height: 173px; border: 0px solid #ccc; } #abgne_fade_pic a.ad { position: absolute; } #abgne_fade_pic .control { position: absolute; right: 10px; bottom: 10px; display: none; } #abgne_fade_pic .control a { display: inline-block; padding: 3px; margin: 0 3px; width: 16px; color: #fff; background: #000; text-align: center; font-size: 16px; text-decoration: none; } #abgne_fade_pic .control a.on { font-weight: bold; color: #f00;} .nav { font-size:103%; height:39px; padding:0px; margin: 10px 0px 0px 0px; clear: both; background-image: url(../images/nav_bg.jpg); background-repeat: no-repeat; } .nav ul { list-style: none; padding:0px; margin: 0px 0px 0px 190px; } .nav li { float: left; margin: 0px 1px; text-align: center; } /**** ��li����e�שM��m�A�U���o�|�ӱ���link�S�� ****/ .nav li a { color:#333; text-decoration: none; display:block; padding: 10px 16px 8px 16px; font-weight: bold; margin: 0px 2px; } .nav li a:hover , .nav li a.current{ color:#FFF; background:url(../images/nav_hove.png) repeat-x; text-decoration: none; background-position: left bottom; } /**** right setting ****/ #content { float:right; width: 794px; text-align: left; background-image: url(../images/content_bg.jpg); background-repeat: no-repeat; background-position: left top; } #maincontent { width: 90%; margin: 10px 0px 20px 32px; overflow: hidden; padding-top: 20px; } .aboutus, .contact, .download, .inquiry, .msg, .product, .member { margin: 10px 20px 30px 25px; overflow: hidden; padding-top: 30px; line-height: 28px; clear: both; } .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{ } /**** ���]�w ****/ .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; } /**** �|���M�Ϫ��]�w ****/ .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: "微软雅黑"; 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; } /**** ���Ƴ]�w ****/ .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; } /**** ���~���޳]�w ****/ .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-image: url(../images/small_bg.gif); background-repeat: repeat-x; background-position: left bottom; box-shadow:1px 1px 8px 1px rgba(5%,5%,2%,0.2); } .cate-name { background-color: #333333; font-size: 85%; line-height: 18px; font-weight: bold; height: 35px; } .cate-name a{ color: #fefefe; } .cate-name a:hover { color:#FF9933; text-decoration: none; } .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; clear: both; } /**** ���~���C���]�w ****/ .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-color: #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; } /*** �ѥ]�h���� ***/ .other-tree{ display:none; } /**** ���~�j�ϭ����C���]�w ****/ .pro-name { } .pro-no { } .pro-photo { height: 400px; } .prodInfo{ width: 300px; overflow: hidden; } .pro-left{ width: 425px; float: left; margin-right: 20px; } .large { background-image: url(../images/large_bg.gif); background-repeat: repeat-x; background-position: left bottom; box-shadow:1px 1px 8px 1px rgba(5%,5%,2%,0.2); text-align: center; width: 410px; margin-left: 15px; } .large img{ margin-right: 60px; margin-left: 60px; } .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: 400px; text-align: right; padding-top: 0px; clear: both; margin-bottom: 10px; } .enlarge a { color: #000000; } .product h5 { font-size:105%; margin: 0px; padding-left: 10px; background-image: url(../images/h5_bg.gif); background-repeat: repeat; clear: both; } /**** ���~�j�ϭ���¶�ϳ]�w ****/ .pdf { position:absolute; text-align:left; color: #FFF; margin-top: 90px; } .pdf a { text-indent:-99999px; background-image: url(../images/pdf-down.gif); background-repeat: no-repeat; width: 71px; height: 71px; display: block; } .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: 206px; background-image: url(../images/sidebar_bg.jpg); background-repeat: no-repeat; background-position: left top; margin-bottom: 280px; } .title { padding: 0px; } .menu { text-align: left; } .menu img { margin-left: 0px 0px 0px 0px; } .menu ul { padding: 0; margin: 0; list-style: none; } .menu li { margin: 1px 4px 1px 6px; } /**** ��li����e�שM��m�A�U���o�|�ӱ���link�S�� ****/ .menu a { display: block; color:#3f3f40; padding: 4px 0px 4px 18px; border-bottom: 1px dotted #cccccc; text-decoration: none; background-color: #d4d5d9; font-weight: bold; } .menu a:hover , .menu a.current{ color:#3f3f40; background-color: #ededef; } /**** ����ĤG�h����m ****/ .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; font-size: 90%; } .menu li ul li a{ color: #666; } .menu li ul li a:hover , .menu li ul li a.current:hover{ background-color: #FFF; color: #03F; } .current{ background-color: #FFF; color: #03F; } /**** ����ĤT�h����m ****/ .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; padding-left: 8px; display: none; } .rss .subscribe{ text-align:center; } .rss .subscribe a{ padding:0px 0px 0px 10px; } .rss .subscribe img{ padding:0px 10px; } .subscribe { padding: 5px 0px 0px 0px; font-size:95%; } .subscribe input{ font-family:"微软雅黑"; color:#333; border: 1px solid #C8C8C8; } .service { text-align: center; margin-top: 30px; padding-left: 8px; } .servicephoto { padding-left: 20px; } .serviceword { padding: 5px 0px 20px 0px; } .newsletter { text-align: left; margin-top: 30px; padding-left: 8px; display: none; } .newsletter .subscribe img{ cursor:pointer; } /**** ����s�� ****/ .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; } /**** �d���O ****/ .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; } /**** �d���O �^�� ****/ .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{ } /**** �H�~�۶� ****/ .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; font-size:90%; text-align: left; _display:inline-block; height: 130px; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; } .subnav { text-align:center; padding-top: 15px; color: #333; } .subnav a{ color: #333; padding: 0px 7px 0px 7px; } .subnav A:hover{ color: #000; } .address { text-align:left; color:#CCC; line-height: 20px; margin: 20px 90px 0px 100px; } .copyright{ text-align:left; color:#CCC; line-height: 18px; } .address a , .copyright a{ color:#CCC; } /**** =================================�B�ʶ}��div ============== ****/ #chickmenu{ position: absolute; width: 80px; top:290px; background: url(../images/chickmenu_02.jpg) repeat-y; text-align:center; font-size:95%; font-family:"微软雅黑"; 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; clear: both; margin-top: 100px; } .sitemap_cate{} /**** �]���O ****/ #lamp{ } #lamp marquee{ height: 35px; margin: 0 0 0 12px; width: 720px; } /**** SMO�u�� ****/ .smoTools_list{ margin: 0 30px; text-align: right; } /*** �`�����D ***/ .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} /**color**/ .Blue{ color: #00F; } .events{} .events ul{ list-style-type: none; margin: 0px; padding: 0px; } .events li{ border-bottom: 1px dotted #ccc; padding-left: 10px; overflow: hidden; } .events li strong{ color: #00F; display: block; float: left; width: 50px; height: 40px; } .events li span{ display: block; } .com-service{} .com-service ul{ list-style-image: url(../images/040.gif); } .locations{ border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; } .locations strong{ color: #06C; } .locations a{ color: #C63; } .locations a:hover { color:#848484 } .symbol-table{ margin-top: 15px; } .symbol{ font-size: 16px; font-weight: bold; padding: 0px 8px; } .a-table01{ background-color: #000; line-height: 19px; margin: 15px 0px; width: 98%; } .a-table01 th{ background-color: #c9dffc; text-align: center; } .a-table01 td{ background-color: #FFF; text-align: center; font-size: 12px; } .a-table01 td strong{ font-size: 14px; } .a-table02{ margin: 15px 0px; } .a-table02 th{ font-size: 24px; text-align: center; } .a-table03{ background-color: #000; line-height: 19px; margin: 15px 0px; width: 70%; } .a-table03 th{ background-color: #c9dffc; text-align: center; } .a-table03 td{ background-color: #FFF; text-align: center; font-size: 12px; } .a-table03 td strong{ font-size: 14px; } .y-line{ background-image: url(../images/y-bg.gif); background-repeat: repeat-y; background-position: center; } .x-line{ background-image: url(../images/x-bg.gif); background-repeat: repeat-x; background-position: 0px 10px; } .x-45{ background-image: url(../images/x-y.gif); background-repeat: no-repeat; background-position: center top; } .word-b{ background-color: #c9dffc; border: 1px solid #000; padding: 5px; line-height: 18px; font-size: 12px; } .word-b span{ width: 47%; display: block; float: left; } .word-b strong{ font-size: 14px; } .weixin img{width:40px;height:40px;} .weixin img{ cursor: pointer; transition: all 0.6s; } .weixin img:hover{ transform: scale(2); }