/*
 * CSS Document 
 * ============================================================================
 * 版權所有  2010 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: 佳欣 $
 * $Date: 2011-09-19 (星期一) $
*/

@charset "utf-8";
html{ background: #d7e6a0;}
a.getFlash{ background: url(../images/get_flash_player.gif) center no-repeat; display: block; width: 100%;}
img{ border: 0px; text-decoration: none;}
body { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif, "新細明體"; font-size: 12px; -moz-user-select: none; -khtml-user-select: none; user-select: none; /* 禁止右鍵全選 */}
a{ color: #333; text-decoration:none; outline: none;}
a:hover{ color: #666;}
.ibk{ background: url(../images/150914-background-2015.jpg) #fff  top center repeat-x; }
.pbk{ background: url(../images/150914-background-2015.jpg) #fff  top center repeat-x; background-attachment: fixed; }
#iWrapper ,#pWrapper{ width: 1000px; overflow: hidden; margin: 0 auto;}
#iContent{ width: 956px; overflow: hidden; margin: 30px auto; background: url(../images/ictbk.png) top no-repeat; height: 240px; padding: 20px 22px 0;}
#iNav{ background: url(../images/topbk.png) top repeat-x; height: 30px; overflow: hidden; margin-bottom: 10px;}
#iBanner{ width: 1000px; height: 410px;overflow: hidden; margin: 0 auto;}
#iNews{ float: left; width: 365px; overflow: hidden; background: url(../images/newti.gif) top left no-repeat; padding-top: 30px;}
.newspic{ float: left; width: 150px; height: 120px; overflow: hidden; margin-top: 8px;}
.newsList ,.gOther{ float: right;}
.newsList td{ background: url(../images/ni.gif) 0px 5px no-repeat; padding-left: 12px; line-height: 19px;}
.newsList th{ line-height: 19px; text-align: left; display: table-cell; vertical-align: middle;}
.newsList th span{ font-weight: normal;}
#iNews a:hover ,.gList td a:hover ,.gOther a:hover ,.other a:hover, .bcf a:hover, .sf a:hover, .page a:hover, .sponf a:hover, #iSolution a:hover, .newsList th a:hover{ position: relative; left: 1px; top: 1px; color: #6a3f09;}
#iSolution{ float: right; width: 320px; overflow: hidden; background: url(../images/soluti.gif) top left no-repeat; padding-top: 30px;}
.gList{ float: left; width: 245px; overflow: hidden; background: url(../images/groupti.gif) top no-repeat; padding: 25px 0 0 0px; margin: 0 0 0 15px;}
.gList td, .bcf td{ padding-left: 15px;}
.bcf th{ padding-left: 5px;}
.btnCy, .btnCy2{ float: left; background: url(../images/ibtnbk.gif) left no-repeat; width: 100px; height: 21px; overflow: hidden; color: #6a3f09; font-size: 13px; text-align: center; line-height: 22px; font-weight: bold; letter-spacing: -1px; margin: 4px 3px;}
.btnCall{ float:left; width: 215px; overflow: hidden; padding-right: 5px;}
.btnLink { width:72px; margin:0 auto;}
#iFooter { height: 21px; color: #a68862; font-size: 12px; -webkit-text-size-adjust: none; line-height: 21px; background: #433421; overflow: hidden; /*margin-bottom: 20px;*/ }
#iFooter a{ color: #a68862;}
#iFooter a:hover{ color: #fff;}
#iFooter .txt{ height: 21px; overflow: hidden;}
.fotbk{ background: url(../images/fotbk.gif) top no-repeat; width: 1000px; overflow: hidden; margin: 0 auto;}
#pContent{ width: 990px; overflow: hidden; margin: 0 auto; background:url(../images/pctbk.png) top repeat-y; padding-bottom: 20px;}
#pBanner{ width: 1000px; height: 233px;overflow: hidden; margin: 0 auto;}
.alisttop{ background: url(../images/alisttop.png) bottom no-repeat; width: 990px; overflow: hidden; height: 9px; margin: 0 auto;}
.pGuide{ text-align: right; width: 760px; overflow: hidden; margin: 0 auto; line-height: 14px; padding-right: 8px; font-size: 11px; -webkit-text-size-adjust: none;}
.pGuide a{ color: #98c621;}
.pGuide a:hover{ color: #7b9a2a;}
#pLeft{ width: 197px; overflow: hidden; height: 100%; float: left; padding-top: 14px; * padding-top: 17px;}
.m1{ width: 197px; height: 24px; overflow: hidden; margin: 4px 0 6px;}
.m2{ width: 182px; overflow: hidden; padding: 5px 0 5px 15px; line-height: 18px; font-weight: bold; font-size: 13px;}
.m2 a{ color: #000; background: url(../images/m2iout.gif) 165px 5px no-repeat; display:block;}
.m2 a:hover{ color: #fff;  background: url(../images/m2iover.gif) 166px 5px no-repeat;}
.m3{ width: 187px; overflow: hidden; padding: 5px 0px 5px 15px; line-height: 18px; font-size: 13px;}
.m3 a{ color: #445d03;}
.m3 a:hover{ color: #fff; font-weight: bold;}

#pRight{ float: right; width: 760px; overflow: hidden; padding: 0 15px; text-align: justify; text-justify: inter-ideograph;}
.proBox{ width: 176px; height: 176px; overflow: hidden; float: left; padding: 10px 14px 10px 0;}
.proPic a{ width: 170px; height: 120px; display:block; overflow: hidden; border: 1px solid #e0e0e0; padding: 1px; margin: 2px auto;  * margin: 12px auto 0;}
.proPic a:hover{ border: 2px solid #83b320; margin: 0;}
.proTxt{ width: 174px; overflow: hidden; text-align: center; margin-top: 8px; font-size: 13px;}
.proTxt a:hover{ color: #588200;}
.pBc{ width: 760px; overflow: hidden;}
.pLink{ width: 210px; overflow: hidden; margin-right: 5px; float: right;}
.pTi, .pTi2{ background: url(../images/pti.jpg) 0 7px no-repeat; padding-left: 15px; font-weight: bold; font-size: 16px; margin-bottom: 10px; padding-top: 7px;}
.pTi2{ color: #709d12;}
.p2Ti, .p2Ti2{ background: url(../images/p2ti.jpg) left no-repeat; padding-left: 15px; font-weight: bold; font-size: 15px; color: #709d12; margin-bottom: 5px;}
.p2Ti2{ background: url(../images/p3ti.gif) left no-repeat; color: #333; font-size: 13px; margin: none; padding-left: 10px;}
.p3Ti, .p3Ti2{ color: #000000; font-weight: bold; border-bottom: 1px dotted #659403; line-height: 20px; padding-bottom: 6px;}
.p3Ti2{ font-weight: normal;}
.sf{ margin: 10px 0; border-bottom: 1px dotted #659403;}
.proB{ width: 340px; height: 240px; overflow: hidden; border: 2px solid #e0e0e0; padding: 1px; float: left;}
.proD{ float: right; padding-right: 20px; overflow: hidden; color: #666;}
.proD td{ border-bottom: 1px dotted #ccc;}
.proD th{ color: #000; border-bottom: 1px dotted #ccc;}
.sponf td{ border-bottom: 1px dotted #ccc; letter-spacing: 0; color: #333;}
.sponf th{ color: #444; border-bottom: 1px solid #ccc; background: #eee;}
.sponf th span{ color: #d14000; font-size: 13px;}
div.pQuestion { cursor: pointer; padding: 8px 0 8px 35px; border-bottom: 1px dotted #ccc; width: 715px; overflow:hidden; background: url(../images/qti.gif) 6px 5px #eee no-repeat;}
div.pAnswer { display: none; padding: 5px 0 8px 35px; width: 715px;overflow:hidden; background: url(../images/ati.gif) 6px 5px no-repeat; line-height: 20px;}
div.pAnswer p { margin:0px; }
.proimg img{ padding: 10px 5px 0;}
#ebook{ width: 750px; height: 455px; overflow: hidden; margin-bottom: 20px;}
.news table th{ background: url(../images/inve3formti.gif) bottom repeat-x; font-size: 13px; background: #eee;}
.news table td{ padding-left: 15px; border-top: 1px dotted #ddd; line-height: 20px; }
.news .out th{ font-weight: bold; color: #f06c11; font-size: 13px;}
.news .out td a:hover{ color: #659403; font-weight: bold;}
.news .out td, .sponf .out td{ background: #efefef; }
.p2Ti3{ background: #dcf1ff; padding-left: 15px; font-weight: bold; font-size: 15px; color: #004676; margin-bottom: 10px; padding: 3px 0 3px 8px ; }
.bmxbk{ background: url(../images/pic-06_kool-knight-chain_01.gif) right bottom no-repeat;}
.bctxt, .bctxt{ line-height: 23px; color: #555;}
.bctxt th{ color: #0087cf; font-size: 15px; }
.bctxt td, .bctxt th, .bctxt2, .bctxt2{ padding-left: 17px;}


.bctxt3 { width: 730px; overflow: hidden; margin:0 auto; color: #727171; font-size: 12px; line-height: 24px; font-family: 'Verdana'; }
.bctxt3 .ti { font-weight:bold; color: #231815; line-height: 28px; }
.bctxt3 .bcImg { width: 353px; overflow: hidden; padding:0px 6px; }
.bctxt3 .floatLeft { float: left; margin-right: 15px; padding: 6px; }
.bctxt3 .floatRight { float: right; }
.bctxt3 a.type { width: 54px; height: 22px; text-align: center; color: #fff; margin: 0 3px; display: inline-block; background: url(../images/btn_bg.png) 0 2px no-repeat; }
.bctxt3 a.type:hover { background: url(../images/btn_bg.png) 0 -20px no-repeat; }


.cor1{ background: url(../images/obk1.gif) top no-repeat; height: 450px; padding-right: 0px; width: 760px; overflow: hidden; padding-top:30px; line-height: 20px; font-family:Arial, Helvetica, sans-serif;}
.cor2{ background: url(../images/obk2.gif) bottom left no-repeat; width: 760px; height: 550px; padding-right: 0px;overflow: hidden; line-height: 20px; font-family:Arial, Helvetica, sans-serif;}
.ms{ line-height: 20px; }
.ms2{ border-top: 1px solid #ddd; line-height: 20px; }
.ms ul{ margin: 0; padding: 0;}
.ms li{ list-style-position: inside;}
.ms2 ul{ margin: 0; padding-left: 15px;}
.ms2 li{ list-style-position: outside;}
.ms td, .ms2 td{ border-bottom: 1px solid #ddd; color: #333; padding-left: 10px;}
.ms th, .ms2 th{ color: #659403; border-bottom: 1px solid #ccc; background: #eee; }
.ms th span{ color: #d14000; font-size: 13px;}
.ms a{ color: #5d7718;}
.ms a:hover{ font-weight: bold;}
.pMap{ width: 730px; height: 400px; overflow: hidden; margin: 0 auto;}
.orgtxt span{ color: #659403; font-size: 13px; font-weight: bold;}
.orgtxt2 span{ color: #659403; font-size: 15px; font-weight: bold;}
.p2Ti4 { background: #89ba23; color: #659403; padding-left: 15px; font-weight: bold; font-size: 15px; color: #fff; margin-bottom: 5px; padding: 3px 0 3px 8px ;}
.page{ border-top: 1px dotted #ccc; padding-top: 10px;}
.page ,.page a:hover{ font-weight: bold; color: #659403;}
.page a{ font-weight: normal;}
.txtgreen a{ font-weight: bold; color: #659403;}
.txtgreen a:hover{ font-weight: bold; color: #333;}
.h10{ height: 10px; overflow: hidden;}
.h20{ height: 20px; overflow: hidden;}
.w200{ width: 200px; overflow: hidden; padding: 1px;}
.w260{ width: 260px; overflow: hidden}
.w400{ width: 400px; overflow: hidden;}
.w445{ width: 445px; overflow: hidden; padding-left: 310px;}
.w750{ width: 760px; overflow: hidden;}
.w740{ width: 735px; overflow: hidden;}
.p17{ padding-left: 17px;}
.p14{ padding-left: 14px;}
.pp, .pp2{ line-height: 22px; width: 730px; padding-left: 4px; margin: 0 auto; background: url(../images/1.jpg) right bottom no-repeat; height: 460px;}
.pp2{ background: url(../images/2.jpg) right top no-repeat; height: 570px;}
.ovtxt{ line-height: 19px; color: #555;}
.ovtxt th{ color: #0087cf;  border-bottom: 1px dotted #ccc;}
.ovtxt td,.ovtxt th{ padding-left: 17px; font-size: 12px;}
.crstxt{ width: 730px; padding-left: 4px; padding-bottom: 10px; overflow: hidden; line-height: 18px; font-size: 13px; margin: 0 auto; color: #666;}

.crsClass { width: 370px; overflow: hidden; float: left; padding: 10px 20px 10px 10px; line-height: 18px; font-size: 13px; color: #666; }

.crsbk{ background: url(../images/crsbk.gif) 500px 50px no-repeat; width: 760px; height: 375px; overflow: hidden;}
.ecotxt{ width: 730px; padding-left: 4px; padding-bottom: 10px; overflow: hidden; line-height: 18px; margin: 0 auto;}
.greenTi{ background: url(../images/greenti.gif) top no-repeat; width: 745px; height: 25px; overflow: hidden; color: #fff; font-size: 15px; font-weight: bold; line-height: 24px; padding-left: 16px; margin-bottom: 10px;}
.bctxt th span{ font-size: 12px; color: #7B9A2A; text-decoration: underline; font-style: italic;}
.bctxt td ul{ margin: 0; padding-left: 17px;}
.brown{ color: #624400; font-size: 14px; font-weight: bold; margin-bottom: 5px; padding: 3px 0 3px 16px;}
.brown2{ color: #624400; font-size: 16px; font-weight: bold; text-decoration: underline;}
.gray{ color: #6D6E70; font-size: 12px; font-style: italic;}
.grayline{ border-bottom: 1px dotted #ccc; height:10px; overflow: hidden; width: 750px; margin-bottom: 10px;}
.h70{ height: 70px; overflow: hidden;}
.css-tabs-wrap, .css-tabs-wrap2{ width:755px; border-bottom:1px solid #92ba2d; overflow:hidden; height: 29px;}
.tabs { 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	height: 29px;
}
.tabs li { 
	float: left;	 
	list-style: none; 
	padding-right: 5px;
}

.tabs li img{ 
	cursor: pointer; 
}

div.panes > div {
	display:none;
}
.loca >.ms{ margin-bottom: 10px;}
.boNo{ border-bottom: none;}
div.panes img.floatR { float: right; padding-left: 20px;}
.grnbk{ background:  url(../images/grbktop.gif) #ebf3d7 top no-repeat; padding: 12px 10px 2px 20px; width: 725px; overflow: hidden; line-height: 19px; color: #555;}
.grnbot{ background:  url(../images/grbkbot.gif) #ebf3d7 top no-repeat; width: 755px; overflow: hidden; height:11px; margin-bottom: 10px;}

.pPatentLine{border-top:#CCC 1px solid;}
.picBox{ overflow: hidden; width: 780px; position: relative; margin-bottom: 10px;}
.picListBox{ float: left; margin: 2px 5px 8px 0px; width: 250px; overflow: hidden;}
.picListBox .pic{ width: 250px; height: 150px; overflow: hidden;}
.picListBox .pic span{ width: 250px; height: 150px; overflow: hidden; position: absolute; z-index: 10px; background: url(../images/picsmask.png) center no-repeat;}
.picListBox .txt{ width: 250px; padding: 8px 0 0; text-align: center; color: #333;}
.brownTi{ color: #624400; font-size: 16px; font-weight: bold;}
.patent{ width: 760px; overflow: hidden; word-break: break-all;}

.theText { padding-top:10px;}

#gTxt {width:750px; border-bottom:1px solid #92ba2d; overflow:hidden;height: 29px;}
#gTxt ul.tabs { margin: 0 0 0 1px; padding: 0; width: 570px; height: 29px; overflow: hidden; list-style: none;}
#gTxt ul.tabs li { float: left; list-style: none;}
#gTxt ul.tabs li a { display: block; position: relative; padding-top: 7px; text-align: center; width: 135px; height: 29px; color: #fff; font-size: 12px; text-decoration: none; background: url(../images/tab_bg.gif) 0 -29px no-repeat; behavior:expression(this.onFocus=this.blur());}
#gTxt ul.tabs li a:focus { outline: none;}
#gTxt ul.tabs li a { *padding-top: 6px; *height: 29px; padding-top: 6px\9; height: 29px\9;} /* IE */
#gTxt ul.tabs li a:hover, #gTxt ul.tabs li a.active { padding-top: 8px; height: 29px; color: #ffffff; background-position: 0 0;}
#gTxt ul.tabs li a:hover, #gTxt ul.tabs li a.active { *padding-top: 7px; *height: 29px; padding-top: 7px\9; height: 22px\9;} /* IE */


/* About */
.newAbout { width: 760px; overflow: hidden; line-height: 20px; /*text-align: justify; text-justify: inter-ideograph;*/ }
.newAbout .topBox { background: url(../images/brand_bg1.png); width: 760px; overflow: hidden; height: 340px; }
.newAbout .topBox .topTxt { width: 360px; overflow: hidden; padding: 15px 0 0 10px; }
.newAbout .imgBrand { float: left; padding:0 10px; }
.newAbout .middleBox { width: 360px; overflow: hidden; float: left; padding: 10px; }
.newAbout .ti { color: #7c9932; font-weight: bold; padding-bottom: 5px; }
.otherLogo { text-align: center; padding-bottom: 10px; }
.botBox { width: 710px; overflow: hidden; padding: 0 20px; background: #7c9932; color: #fff; }
.txtSpace { padding-bottom: 7px; padding-right: 10px; }
.clearBoth { clear: both; }


.imgBox { }
.imgBox .radiusBox { float: left; width: 230px; overflow: hidden; height: 140px; position: relative; margin: 10px;
/* support Safari, Chrome */
-webkit-border-radius: 10px;
/* support firefox */
-moz-border-radius: 10px;
border-radius: 10px; }
.imgBox .radiusBox .csrImg {  }
.imgBox .radiusBox .ti { background: rgba(164, 203, 63, .7); position: absolute; bottom: 0px; width: 200px; padding: 0 15px; text-align: left; }
.imgBox .radiusBox a { color: #fff; font-weight: bold; line-height: 25px; }
.imgBox .radiusBox a:hover { color: #000; }

.tiBox {
  text-overflow: ellipsis;
  overflow:hidden;
  white-space:nowrap;
  width: 100px;
  }
/* 防木馬