@charset "utf-8";/* * CSS Document * ============================================================================ * 版權所有 2013 鉅潞科技網頁設計公司，並保留所有權利。 * 網站地址:http://www.grnet.com.tw * ============================================================================ * $Author:豆子 $ * $Date:2013-04-29 (星期一) $*/@import "reset.css";/* 重置樣式 *//*---------- 初始化 ----------*/body{font-family:Arial,Helvetica,sans-serif;font-size:12px}a.setFlash{background:url(../images/get_flash_player.gif) center no-repeat;display:block;width:100%}img{border:0}textarea{resize:none}a{text-decoration:none}/*-------------------- 共用 --------------------*/header{width:1000px;margin:0 auto;overflow:hidden;position:relative}header #logoBox{width:112px;height:120px;overflow:hidden;position:absolute;z-index:10;top:0;left:0}header h1{width:390px;height:93px;float:left;overflow:hidden;margin:0}header #language{height:20px;float:right;padding:65px 15px 0 0;overflow:hidden;text-align:right;color:#999}header #language a{color:#999;text-decoration:none;padding:0 5px}header #language a:hover{color:#333;text-decoration:none}footer{width:100%;min-width:1000px;overflow:hidden;border-top:1px solid #ff9ba1;padding:15px 0;clear:both}footer .infoFrame{width:980px;margin:0 auto;overflow:hidden}footer .infoFrame .addTxt{width:850px;float:left;overflow:hidden;color:#444;font-family:'微軟正黑體',Microsoft JhengHei;line-height:22px}footer .infoFrame .addTxt a{color:#444;text-decoration:none}footer .infoFrame .addTxt a:hover{color:#666;text-decoration:none;position:relative;top:1px;left:1px}footer .linkFrame{width:58px;height:19px;float:right;padding-top:10px;overflow:hidden}footer .linkFrame a.facebook{width:19px;height:19px;display:block;background:url(../images/facebook.gif) 6px 0 no-repeat;text-indent:-999px;float:right;padding-left:6px}footer .linkFrame a.facebook:hover{background-position:6px -19px}footer .linkFrame a.twitter{width:19px;height:19px;display:block;background:url(../images/twitter.gif) 6px 0 no-repeat;text-indent:-999px;float:right;padding-left:6px}footer .linkFrame a.twitter:hover{background-position:6px -19px}/***** 背景 *****/body.iBg{background:url(../images/i_bg.gif) 0px 93px repeat-x}body.pBg{background:url(../images/p_bg.gif) 0px 93px repeat-x}#iWrap,#pWrap{width:100%;min-width:1000px;overflow:hidden;background:url(../images/i_cbg.gif) top center no-repeat;position:relative}#pWrap{background:url(../images/p_cbg.gif) top center no-repeat}/***** ibanner *****/#iBanFrame{width:1000px;height:550px;overflow:hidden;margin:0 auto;clear:both}#iBanWrap{width:970px;height:485px;margin:17px auto 13px;overflow:hidden}#iBanWrap .nivoSlider{position:relative;margin:0;padding:0;width:970px;height:485px;overflow:hidden;list-style:none;background:url(../images/loading.gif) center 120px no-repeat}#iBanWrap .nivoSlider img{position:absolute;top:0px;left:0px;max-width:none}#iBanWrap .nivo-main-image{display:block !important;position:relative !important;width:100% !important}/* The slices and boxes in the Slider */#iBanWrap .nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}#iBanWrap .nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}#iBanWrap .nivo-box img{display:block}#iNewBox{width:900px;height:35px;margin:0 auto;padding-left:70px;overflow:hidden;background:url(../images/inews_t.png) 0 0 no-repeat}#iNewBox a{color:#000;text-decoration:none}#iNewBox a:hover{color:#d42800;text-decoration:none}/* 首頁flash */#iBanSwf{height:550px;display:block;overflow:hidden}.iOSiBan{width:100%;height:550px;overflow:hidden;background:url(../images/iban.png) top center no-repeat}span.getFlash{width:100%;height:550px;overflow:hidden;background:url(../images/get_flash_player.gif) center no-repeat;display:block}/***** pbanner 如不做flash,刪#pBanSwf ,.iOSpBan *****/#pBanFrame{width:1000px;overflow:hidden;margin:12px auto 40px;clear:both}#pBanSwf{height:130px;display:block;overflow:hidden}.iOSpBan{width:100%;height:130px;overflow:hidden;background:url(../images/pban1.jpg) top center no-repeat}/*-------------------- 上方主選單 --------------------*/header nav{width:840px;height:40px;margin:0 auto;overflow:hidden;clear:both}header nav ul{width:840px;margin:0;padding:0;text-align:center;overflow:hidden;background:url(../images/menu_line.gif) 0 0 no-repeat}header nav ul li{float:left;list-style:none;padding:0 2px 0 0;width:138px;height:40px}header nav ul li a{display:block;width:138px;height:40px;margin:0;background:url(../images/label.gif) 0 -40px no-repeat}header nav ul li a:hove{background:url(../images/label.gif) 0 0 no-repeat}header nav ul li a.js:hover{background:url(../images/label.gif) 0 80px no-repeat}header nav ul li span{display:block;width:138px;height:40px;overflow:hidden;background-repeat:no-repeat;background-image:url(../images/menu_out.png);text-indent:-9999px}header nav ul li span:hover{background-image:url(../images/menu_out.png)}.txtM1{background-position:0 0}.txtM2{background-position:-140px 0}.txtM3{background-position:-280px 0}.txtM4{background-position:-420px 0}.txtM5{background-position:-560px 0}.txtM6{background-position:-700px 0}/*-------------------- 左側次選單 --------------------*/aside{width:190px;float:left;overflow:hidden}aside h2{height:80px;margin:0;overflow:hidden}aside .wrap{width:188px;border:1px solid #f0b2b6;border-top:0px;overflow:hidden}aside .wrap ul{margin:0;padding:0;width:188px;overflow:hidden;list-style:none}aside .wrap li{position:relative;width:188px;height:30px;overflow:hidden;border-bottom:1px solid #ddd}aside .wrap li a{position:relative;display:block;width:155px;height:16px;padding:7px 5px 7px 28px;background:url(../images/aw_navi.gif) 13px 12px no-repeat;color:#666;z-index:10;line-height:20px}aside .wrap li a:hover,aside .wrap li.current a{color:#fff;text-decoration:none}aside .wrap li .bg{position:absolute;top:30px;z-index:0;width:188px;height:0px;overflow:hidden;background-color:#000}aside .wrap li.current .bg{position:absolute;top:0px;left:0px;width:155px;height:16px;padding:7px 5px 7px 28px;overflow:hidden;background-color:#000;z-index:0}/*-------------------- 右側浮動 --------------------*/.floatBoxI,.floatBoxP{position:absolute;z-index:9999;top:133px;right:0;width:119px;height:550px;overflow:hidden}.floatBoxP{height:100%}.floatBoxI a.ez_logo,.floatBoxP a.ez_logo{display:block;position:absolute;z-index:2;top:128px;left:0;width:10px;height:32px;overflow:hidden}.floatBoxI a.ez_logo span,.floatBoxP a.ez_logo span{display:none}.floatBoxI a.ez_logo span.txtWh,.floatBoxP a.ez_logo span.txtWh{font-size:15px;color:#fff}.floatBoxI a.btn_open,.floatBoxP a.btn_open{background:url(../images/float_open.png) 0 0 no-repeat}.floatBoxI div.ez_list,.floatBoxP div.ez_list{position:absolute;top:0;left:10px;width:110px;height:550px;background:url(../images/float_bg.gif) 0 0 repeat-y;overflow:hidden}.floatBoxP div.ez_list{height:100%}/***** 按鈕 *****/.floatBoxI div.ez_list a,.floatBoxP div.ez_list a{width:110px;height:43px;overflow:hidden;display:block;text-indent:-999px}.floatBoxI div.ez_list a:hover,.floatBoxP div.ez_list a:hover{background-position:-110px 0}.ConsultLink a{background:url(../images/float_link1.gif) 0 0 no-repeat}.ContactLink a{background:url(../images/float_link2.gif) 0 0 no-repeat}.NewsLink a{background:url(../images/float_link3.gif) 0 0 no-repeat}/*-------------------- 首頁 --------------------*//***** inew *****/#iNewsFrame{width:210px;overflow:hidden;position:absolute;z-index:10;top:290px;left:18px}#iNewsFrame .tiBox{height:15px;overflow:hidden;margin-bottom:15px}#iNewsFrame .tiBox img{width:60px;float:left;overflow:hidden}#iNewsFrame .tiBox a{width:38px;height:15px;overflow:hidden;float:right;display:block;background:url(../images/btn_more.gif) 0 0 no-repeat;text-indent:-999px}#iNewsFrame .tiBox a:hover{background-position:0 -15px}#iNewsFrame .iNewsList{width:210px;margin-bottom:5px;padding-bottom:3px;border-bottom:1px dotted #888;color:#000;line-height:20px}#iNewsFrame .iNewsList .iDate,#iNewsFrame .iNewsList .iNewsTitle{width:100%;overflow:hidden}#iNewsFrame .iNewsList .iNewsTitle a{color:#000;text-decoration:none}#iNewsFrame .iNewsList .iNewsTitle a:hover{color:#d42800;text-decoration:none}/*-------------------- 內頁 --------------------*/#MainFrame{width:1000px;margin:0 auto 80px;overflow:hidden}#pCont{width:770px;float:right;overflow:hidden}/***** 產品介紹標題 *****/#pCont .tiProBox{width:770px;overflow:hidden;background:url(../images/pti_bg.gif) 0 20px repeat-x;margin-bottom:40px}#pCont .tiProBox .tiAw{width:38px;float:left;overflow:hidden;padding-top:13px}#pCont .tiProBox .tName{border-collapse:collapse;border-spacing:0;float:left;height:35px}#pCont .tiProBox .tName td{height:16px;background:url(../images/pti_line.gif) right 13px no-repeat #fff;padding:9px 25px 10px;font-family:'微軟正黑體',Microsoft JhengHei;font-size:16px;font-weight:bold}/***** 右側標題 *****/#pCont .tiBox{width:770px;overflow:hidden}#pCont .tiNewsBox{width:770px;height:82px;overflow:hidden}/*-------------------- page --------------------*/#pageBox{width:100%;overflow:hidden;clear:both;margin-top:30px}.pageNum{border-collapse:collapse;border-spacing:0;margin:0 auto}.pageNum td.prevBtn a{width:55px;height:18px;overflow:hidden;padding-right:10px;display:block;background:url(../images/btn_prev.gif) 0 0 no-repeat;text-indent:-999px}.pageNum td.prevBtn a:hover{background-position:0 -18px}.pageNum td.nextBtn a{width:55px;height:18px;overflow:hidden;padding-left:10px;display:block;background:url(../images/btn_next.gif) 10px 0 no-repeat;text-indent:-999px}.pageNum td.nextBtn a:hover{background-position:10px -18px}.pageNum td.backBtn a{width:65px;height:18px;overflow:hidden;padding-left:10px;display:block;background:url(../images/btn_back.gif) 0 0 no-repeat;text-indent:-999px}.pageNum td.backBtn a:hover{background-position:0 -18px}.pageNum td.num{background-color:#f5f5f5;color:#7e7e7e;padding:0 8px}.pageNum td.num span{color:#000;font-weight:bold;padding:0 3px}.pageNum td.num a{color:#7e7e7e;padding:0 3px}.pageNum td.num a:hover{color:#000;font-weight:bold;text-decoration:none}/*-------------------- 公司簡介 + 專利認證 --------------------*/.aboutBox,.certBox{width:770px;margin-top:20px;overflow:hidden;color:#444;line-height:26px;background:url(../images/about_bg.jpg) right bottom no-repeat}.certBox{background:none}.aboutBox p,.certBox p{margin:0 0 15px}.aboutBox p.txtBox{width:590px;overflow:hidden}.certBox .certPaper{width:770px;overflow:hidden;margin-bottom:20px;clear:both}.certBox .certPaper .certImg1{width:380px;float:left;padding-right:40px;overflow:hidden}.certBox .certPaper .certImg2{width:250px;float:left;overflow:hidden}.certBox .certPaper .certImg4{width:610px;float:left;overflow:hidden}.certBox .certPaper .certImg5{width:135px;float:right;overflow:hidden}.certBox .certPaper .certImg6{width:390px;float:left;padding-right:20px;overflow:hidden}.certBox .certPaper .certImg7{width:345px;float:left;overflow:hidden}/*-------------------- 最新消息 + 商品諮詢 --------------------*/.pNewsList{width:770px;border-collapse:collapse;border-spacing:0;border:none}.pNewsList tr.tiBox{background:url(../images/news_tbg.gif) bottom repeat-x #f13307;color:#fff}.pNewsList th{height:31px}.pNewsList th.w1{width:1px}.pNewsList th.w88{width:88px}.pNewsList th.w129{width:129px}.pNewsList th.w150{width:150px}.pNewsList th.w190{width:190px}.pNewsList th.w340{width:340px}.pNewsList th.w640{width:640px}.pNewsList td{padding:7px 15px;font-size:12px;color:#444;line-height:20px;border-bottom:1px solid #ddd;empty-cells:show}.pNewsList td a{color:#444;text-decoration:none}.pNewsList td a:hover{position:relative;top:1px;left:1px}.pNewsList td.date{color:#dc140a;text-align:center}.pNewsList td.viewTname{padding:10px 15px;font-size:15px;font-weight:bold;color:#820000;line-height:22px}.pNewsList tr.inquiryTxt td{text-align:center}.pNewsView{width:750px;padding:10px 15px;border-bottom:1px solid #ddd;overflow:hidden}/*-------------------- 商品諮詢 --------------------*/.inquiryFrame{width:770px;clear:both;overflow:hidden;background:url(../images/inquiry_bg.gif) repeat-y}.inquiryFrame .inquiryBox{width:770px;overflow:hidden;background:url(../images/inquiry_img.jpg) left bottom no-repeat}.inquiryFrame .inquiryBox .topLine{width:770px;height:2px;overflow:hidden;background:url(../images/inquiry_gap.gif) 0 0 no-repeat}.inquiryFrame .inquiryBox .inquiryForm{width:680px;overflow:hidden;margin:40px auto}.inquiryFrame .inquiryBox .inquiryForm .tiBox{width:650px;min-height:25px;overflow:hidden;background:url(../images/aw_write.png) 0 0 no-repeat;padding-left:30px;color:#444;font-size:13px;font-weight:bold;line-height:20px;margin-bottom:15px}.inquiryFrame .inquiryBox .inquiryForm .tiBox span{color:#e71a0f}/***** 表格樣式 *****/.inquiryTable{width:100%;border-collapse:collapse;border-spacing:0;border:none;color:#444}.inquiryTable th{width:90px;padding:6px 5px;text-align:right;font-weight:normal}.inquiryTable th span{color:#e71a0f;padding-right:5px}.inquiryTable td{padding:6px 0}.inquiryTable td input.txtInput{height:20px;border:1px solid #ccc}.inquiryTable td input.otherInput{width:200px;height:20px;border:none;border-bottom:1px solid #ccc;background-color:transparent}.inquiryTable td textarea{width:99%;height:50px;border:1px solid #ccc}.inquiryTable td.btnBox{text-align:right}.inquiryTable td.btnBox input:hover{position:relative;top:1px;left:1px}.codeBox{float:left;padding-right:10px}.w99p{width:99%}.w50{width:50px}.w100{width:100px}.w250{width:250px}/*-------------------- 聯絡我們 --------------------*/.contactInfo{width:770px;margin:20px 0;border-collapse:0;border-spacing:0;border:none}.contactInfo td{vertical-align:top;padding-left:50px;color:#444;line-height:20px}.contactInfo td.awHome{background:url(../images/aw_home.gif) 10px 0 no-repeat}.contactInfo td.awTel{background:url(../images/aw_tel.gif) 10px 0 no-repeat;border-left:1px solid #ddd;border-right:1px solid #ddd}.contactInfo td.awMail{background:url(../images/aw_mail.gif) 10px 0 no-repeat}.contactForm{width:650px;overflow:hidden;background:url(../images/contact_bg.gif) 0 0 no-repeat;padding:56px 60px 0}.contactForm .tiBox{color:#444;font-size:13px;font-weight:bold;margin-bottom:15px}.contactForm .tiBox span{color:#e71a0f}/*-------------------- 產品列表 --------------------*/.proList{width:100%;overflow:hidden;clear:both}.proList .proBox{width:225px;float:left;padding:13px 30px 35px 0;overflow:hidden;position:relative}.proList .proBox img.awImg{position:absolute;top:0;left:0;z-index:20}.proList .proBox .proMain{width:170px;overflow:hidden;padding-left:35px;font-size:13px;border-left:1px solid #e0dede}.proList .proBox .proMain .model{font-family:'微軟正黑體',Microsoft JhengHei;color:#ce000c;font-weight:bold}.proList .proBox .proMain .tName{height:35px;overflow:hidden;margin:3px 0;color:#666;line-height:18px}.proList .proBox .proMain .tName a{color:#666}.proList .proBox .proMain .tName a:hover{color:#333;text-decoration:none;position:relative;top:1px;left:1px}.proList .proBox .proMain .proImg{width:150px;height:150px;overflow:hidden}.proList .proBox .proMain .proImg a:hover{position:relative;top:1px;left:1px}/*-------------------- 產品詳細 --------------------*/.proView{width:750px;margin:0 auto;overflow:hidden;clear:both}.proView .proDetail{width:750px;margin-bottom:30px;overflow:hidden}.proView .proDetail .proBimg{width:300px;height:300px;float:left;overflow:hidden}.proView .proDetail .infoBox{width:420px;float:right;overflow:hidden;padding-top:25px;position:relative}.proView .proDetail .infoBox img.awImg{position:absolute;top:10px;left:0;z-index:20}.proView .proDetail .infoBox .txtBox{width:395px;overflow:hidden;padding-left:25px;border-left:1px solid #e0dede;font-family:'微軟正黑體',Microsoft JhengHei;font-weight:bold}.proView .proDetail .infoBox .txtBox .model{font-size:13px;color:#ce000c}.proView .proDetail .infoBox .txtBox .tName{height:35px;overflow:hidden;margin:3px 0;font-size:16px;color:#000;line-height:18px}.proView .proDetail .infoBox .txtBox p{color:#666;line-height:26px;margin:0 0 10px}.proView .proDetail .infoBox .btnBox{height:24px;margin-top:15px;overflow:hidden}.proView .proDetail .infoBox .btnBox a{height:24px;float:right;overflow:hidden;display:block;text-indent:-999px;background-position:0 0;background-repeat:no-repeat}.proView .proDetail .infoBox .btnBox a:hover{background-position:0 -24px}.proView .proDetail .infoBox .btnBox .inquiryBtn a{width:135px;background-image:url(../images/btn_inquiry.gif)}.proView .proDetail .infoBox .btnBox .addBtn a{width:104px;background-image:url(../images/btn_add.gif)}/***** 表格樣式 *****/.proView .tableFrame{border-collapse:collapse;border-spacing:0;width:740px;border:1px solid #f0b2b6;margin:0 auto;clear:both}.proView .tableFrame thead th{background:url(../images/pro_formbg.gif) bottom repeat-x #fff;border-bottom:1px solid #f0b2b6;font-size:13px;color:#ca000a;padding:4px 0}.proView .tableFrame tbody th{background-color:#f4f4f4;border-right:1px solid #cfd3d4;font-weight:normal;padding:5px 0 4px}.proView .tableFrame tbody td{text-align:center;color:#5d5d5d;padding:5px 0 4px;border-right:1px solid #cfd3d4;border-top:1px solid #cfd3d4}/*-------------------- 訊息頁面 --------------------*/.msgBox{width:770px;overflow:hidden;margin-top:20px;color:#444;line-height:20px}/*-------------------- share --------------------*/.share{width:32px;position:fixed;bottom:100px;right:5px;z-index:999}.share .icon{position:relative;width:32px;height:32px;text-indent:-9999px;padding-bottom:5px}.share .icon a{width:32px;height:32px;overflow:hidden;display:block}.share .icon a.fb{background:url(../images/icon_fb32x32.png) no-repeat}.share .icon a.weibo{background:url(../images/icon_weibo32x32.png) no-repeat}.share .icon a.youtube{background:url(../images/icon_yt32x32.png) no-repeat}.share .icon a:hover{position:absolute;left:1px;top:1px}