@charset "utf-8";
/*
 * CSS Document 
 * ============================================================================
 * 版權所有 2013 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: Fish $
 * $Date: 2013-10-02 (WED) $
*/

/* Default Set. ---------------------------------------------------------------- */
body {
	margin: 100;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: Arial, sans-serif, PMingLiU;
	background-color: #f0f0f0;
}
img {
	border: 0;
	text-decoration: none;
}
form, input, textarea, select {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;

	background-color: #f0f0f0;
	
}
input, textarea, select {
	font-family: Verdana, PMingLiU;
}
textarea {
	resize: none;
}
sup {
    font-size: 5px;
}
.clearBoth {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}
.displayNone {
	display: none;
}
#MK_bar20160114{
	font-family: Corbel;
	font-size: 12px;
	font-weight: bold;	
	color: #333;
	margin: 0;
	padding: 0;
	background-color: #d2d2d2;

}

/* Table Set. ------------------------------------------------------------------ */
.tabSet,
.tabSet th,
.tabSet td {
	padding: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.tabSet input,
.tabSet label,
.tabSet select { vertical-align: middle;}

.wrapBg { background-color: #fff;}

.wrapBg ul.iconBox {
	margin: 0;
	padding: 0;
	width: 132x;
	float: right;
	list-style: none;
	overflow: hidden;
}

/* Wrap Set. ------------------------------------------------------------------- */
#header, .banWrap, .mainWrap, .pBanWrap {
	margin: 0 auto;
	width: 1000px;
	clear: both;
}

/* Page Set. ------------------------------------------------------------------- */
/* Header */
#header {
	position: relative; z-index: 9999;
	height: 120px;
}
#header h1 {
	float: left;
	margin: 20px 20px 0;
	width: 270px;
	height: 90px;
	overflow: hidden;
}
#header h1 a {
	display: block;
	width: 270px;
	height: 90px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/logo.gif) 0 0 no-repeat;
}

#header h2 {
	float: left;
	margin: 20px 20px 0;
	width: 270px;
	height: 90px;
	overflow: hidden;
}
#header h2 a {
	display: block;
	width: 270px;
	height: 90px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/logo.gif) 0 0 no-repeat;
}

#header .wrap {
	float: right;
	width: 670px;
	padding-top: 30px;

}

/* Top Bar */

/* 舊的
.topBar {
	float: right;
	padding: 20px 20px 42px 0;
	width: 345px;
	height: 30px;
}

*/

/* ......2015/12/17 MK_Bar Top */

#MKbar {
	font-family: Corbel;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#MKbar a:link {
	font-family: Corbel;
	color: #333;
	text-decoration: blink;
}
#MKbar a:visited {
	font-family: Corbel;
	color: #333;
	text-decoration: blink;
}
#MKbar a:active {
	font-family: Corbel;
	color: #333;
	text-decoration: blink;
}


#MKbar2 {
	font-family: Corbel;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#MKbar2 a:link {
	font-family: Corbel;
	color: #333;
	text-decoration: blink;
}
#MKbar2 a:visited {
	font-family: Corbel;
	color: #333;
	text-decoration: blink;
}
#MKbar2 a:active {
	font-family: Corbel;
	color: #333;
	text-decoration: blink;
}



/* ......2015/12/17 MK_Bar Top */


.topBar {
	float: right;
	padding: 0px 0px 0px 0;
	width: 145px;
	height: 12px;
}
.langBox, .searchBox {
	float: right;
}
.langBox {
	position: relative;
	margin: 5px 0 0 1px;
	width: 129px;
	height: 25px;
	background: url(../images/lang_box_bg.gif) 0 0 no-repeat;
}
.langBox .langSelect {
	position: absolute;
	top: 0;
	left: 2px;
	width: 120px;
	height: 23px;
	opacity: 0;
	z-index: 5;
	cursor: pointer;
}
.langBox .lagnLabel {
	position: absolute;
	top: 0;
	left: 1px;
	padding: 5px 32px 8px 23px;
	width: 70px;
	height: 12px;
	overflow: hidden;
	color: #1891d2;
	font-size: 11px;
	-webkit-transform:scale(0.91);
	line-height: 11px;
	font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
	cursor: pointer;
	z-index: 0;
}
.searchBox {
	width: 152px;
}
.searchBox .searchBg {
	float: left;
	padding: 7px 0px 6px 0px;
	width: 135px;
	height: 17px;
	overflow: hidden;
	background: url(../images/search.png) 0 0 no-repeat;

	/* mk_bar wenfer 2015/11/10 start
	background: url(../images/search.png) 0 0 no-repeat;
	*/

	background-color: #d2d2d2;
}
.searchBox .inText {
	width: 135px;
	height: 17px;
	color: #333;
	font-size: 12px;
	-webkit-transform:scale(0.91);
	line-height: 12px;
	border: 0;
	background-color: #FFFFFF;
}
.searchBox .btnSubmit {
	padding: 7px 0px 6px 0px;
	display: block;
	float: right;
	border: 0;
	text-indent: -9999px;
	background-color: #d2d2d2;



	/*  wenfer 修改  mk_bar  2015/11/10 原程式碼
		background: url(../images/search_box_btn.gif) 0 0 no-repeat;  
		background: url(../images/search-1.gif) 0 0 no-repeat; 
	*/

	/* background: url(../images/search-02-2.jpg) 0 0 no-repeat; */

}
/* Placeholder Set. */
.searchBox .inText::-webkit-input-placeholder {
	color: #45c7f2;
	font-size: 11px;
}
.searchBox .inText::-moz-placeholder {
	color: #45c7f2;
	font-size: 11px;
	opacity: 1;
}
.searchBox .inText:-ms-input-placeholder {
	color: #45c7f2;
	font-size: 11px;
	line-height: 20px;
}
.searchBox .inText:-moz-placeholder {
	color: #45c7f2;
	font-size: 11px;
}
/* Nav */
#nav {
	clear: both;
}
#nav .wrap {
	margin: 5px 20px 0 0;
	padding-left: 5px;
	width: 665px;
	height: 30px;
	/* background: url(../images/nav_bg.gif) 0 top repeat-x; */
}
#nav .bg {
	width: 680px;
	height: 30px;
}

ul.mainMenu { margin: 0; padding: 0; list-style: none;}
ul.mainMenu li { position: relative; float: left;	list-style: none;	text-align: center;}
ul.mainMenu li.about { width: 75px;}
ul.mainMenu li.app { width: 115px;}
ul.mainMenu li.goods { width: 100px;}
ul.mainMenu li.showcase { width: 110px;}
ul.mainMenu li.customer { width: 90px;}
ul.mainMenu li.contact { width: 90px;}
ul.mainMenu li.careers { width: 85px;}
ul.mainMenu li.first { position: absolute; top: 0; left: -10px;	margin: 0;	padding: 0;	width: 0;	overflow: hidden;}
ul.mainMenu li.first h2 { display: none;}
ul.mainMenu > li >  a { display: block;	margin-left: 6px; height: 30px;	color: #014b9a;	text-decoration: none;}
ul.mainMenu li ul { display: none; position: absolute; z-index: 9999; top: 30px; margin: 0; padding: 0; list-style: none; border: #d2d2d2 solid 1px; background: url(../images/nav_mask.png) repeat;
  border-radius: 8px;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 0 0 5px #d7d7d7;
}
ul.mainMenu li ul li img { padding-left: 5px; vertical-align: middle;}
ul.mainMenu li.about ul, ul.mainMenu li.goods ul, ul.mainMenu li.customer ul  { left: 10px;}
ul.mainMenu li.showcase ul { left: 15px;}
ul.mainMenu li.about ul, ul.mainMenu li.customer ul, ul.mainMenu li.careers ul { width: 130px; overflow: hidden;}

ul.mainMenu li.app ul { width: 170px;}					/* 2016/08/01 William add */		

ul.mainMenu li.goods ul { width: 190px;}
ul.mainMenu li.showcase ul { width: 170px;}

ul.mainMenu li ul.subBox { right: 0;}
ul.mainMenu li ul li { margin: 0; padding: 0; width: 130px; text-align: left; border-bottom: #ccc solid 1px;}
ul.mainMenu li.about ul li, ul.mainMenu li.customer ul li, ul.mainMenu li.careers ul li { width: 130px;}

ul.mainMenu li.app ul li { width: 170px;}					/* 2016/08/01 William add */	

ul.mainMenu li.goods ul li { width: 190px;}
ul.mainMenu li.showcase ul li { width: 170px;}
ul.mainMenu li ul li a { display: block; padding: 5px 10px; color: #555; text-decoration: none; line-height: 15px;}
ul.mainMenu li.about ul li a, ul.mainMenu li.customer ul li a, ul.mainMenu li.careers ul li a { width: 110px;}
ul.mainMenu li.goods ul li a { width: 170px;}
ul.mainMenu li.showcase ul li a { width: 150px;}
ul.mainMenu li ul li a:hover, ul.mainMenu li ul li.current a { color: #fff; background-color: #004998;}
ul.mainMenu li ul li.active a:hover {
  border-radius: 8px 8px 0 0;
  -webkit-border-radius:  8px 8px 0 0;
	-moz-border-radius:  8px 8px 0 0;	
}
ul.mainMenu li ul li.activeB a:hover {
  border-radius: 0 0 8px 8px;
  -webkit-border-radius:  0 0 8px 8px;
	-moz-border-radius:  0 0 8px 8px;	
}
ul.mainMenu li ul li:hover > ul { display: block; position: absolute; top: 0; left: 100%; width: 110px; border: #d2d2d2 solid 1px; background: url(../images/nav_mask.png) repeat;
}
ul.mainMenu li ul li:hover > ul li { width: 110px;}
ul.mainMenu li ul li:hover > ul a { width: 90px; color: #555; background: none;}
ul.mainMenu li ul li:hover > ul a:hover { color: #fff; background-color: #004998;}

/* Main */
.pBanWrap {
	padding: 11px 0 9px 0;
	width: 1000px;
	height: 210px;
	overflow: hidden;
	background: url(../images/pbanner_bg.gif) 0 0 no-repeat;
}
.pBanWrap .loadingBox { width: 1000px; height: 210px; overflow: hidden;}
.pBanWrap .nivoSlider { position: relative; margin: 0; padding: 0; width: 1000px; height: 210px; overflow: hidden; list-style: none;}
.pBanWrap .nivoSlider img { display: none; position: absolute; top: 0; left: 0;}
.pBanWrap .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; display: none; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 5;}
.pBanWrap .nivo-slice { display: block; position: absolute; height: 100%; z-index: 5;}
.pBanWrap .nivo-box { display: block; position: absolute; z-index: 5;}
.pageWrap {
	float: right;
	margin-right: 25px;
	padding-top: 25px;
	width: 715px;
}
.pageTi {
	margin: 0;
	padding: 7px 0 0 33px;
	width: 692px;
	height: 24px;
	color: #444;
	line-height: 19px;
	background: url(../images/page_ti_icon.gif) 12px 10px no-repeat;
	border-bottom: 1px solid #dedede;
}
.pageTi.w1000 {
	width: 970px;
}
.pageMain {
	/*   WENFER 原 
	padding: 10px 0 10px 5px; 
	因 20150731 SEO 顯示格式修改 */
	padding: 0px 0 10px 5px;
	width: 720px;
	overflow: hidden;
}
.pageMain.w990 {
	width: 990px;
	overflow: hidden;
}
.allScreen {
	margin: 0 auto;
	padding-top: 25px;
	width: 950px;
}
/* Side Bar */
#sideBar {
	float: left;
	margin: 25px 0 0 25px;
	width: 215px;
}

#sideBar h3 {
	margin: 0;
	padding: 9px 17px 9px 13px;
	width: 185px;
	height: 16px;
	overflow: hidden;
	font-size: 13px;
	color: #004998;
	background: url(../images/sidebar_title.gif) 0 0 no-repeat;
}
#sideBar ul {
	margin: 10px 0 0;
	padding: 0;
	width: 210px;
	list-style: none;
}
#sideBar li {
	margin-bottom: 1px;
}
#sideBar li a {
	display: block;
	padding: 8px 5px 5px 25px;
	width: 180px;
	color: #555;
	line-height: 16px;
	text-decoration: none;
	background: url(../images/sidebar_line2.gif) 12px 15px no-repeat;
}
#sideBar li.current a {
	color: #345f8b;
	background-image: url(../images/sidebar_line1.gif);
	background-color: #c3def3;
}
#sideBar li a:hover {
	color: #345f8b;
	text-decoration: underline;
}

/* Side Bar2 2016/08/31 William 新增 */
#sideBar2 {
	float: left;
	margin: 0;
	width: 215px;
}

#sideBar2 h3 {
	margin: 0;
	padding: 9px 17px 9px 13px;
	width: 185px;
	height: 16px;
	overflow: hidden;
	font-size: 13px;
	color: #004998;
	background: url(../images/sidebar_title.gif) 0 0 no-repeat;
}
#sideBar2 ul {
	margin: 10px 0 0;
	padding: 0;
	width: 210px;
	list-style: none;
}
#sideBar2 li {
	margin-bottom: 1px;
}
#sideBar2 li a {
	display: block;
	padding: 8px 5px 5px 25px;
	width: 180px;
	color: #555;
	line-height: 16px;
	text-decoration: none;
	background: url(../images/sidebar_line2.gif) 12px 15px no-repeat;
}
#sideBar2 li.current a {
	color: #345f8b;
	background-image: url(../images/sidebar_line1.gif);
	background-color: #c3def3;
}
#sideBar2 li a:hover {
	color: #345f8b;
	text-decoration: underline;
}

/* Placeholder Set. */
#newsLetter .inTxt::-webkit-input-placeholder {
	color: #aaaaaa;
	font-size: 11px;
}
#newsLetter .inTxt::-moz-placeholder {
	color: #aaaaaa;
	font-size: 11px;
	opacity: 1;
}
#newsLetter .inTxt:-ms-input-placeholder {
	color: #aaaaaa;
	font-size: 11px;
	line-height: 20px;
}
#newsLetter .inTxt:-moz-placeholder {
	color: #aaaaaa;
	font-size: 11px;
}
#newsLetter .btnSend {
	display: block;
	width: 60px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/newsletter_btn.gif) 0 0 no-repeat;
	border: 0;
}
#newsLetter .btnSend:hover {
	background-position: 0 -30px;
}
#country_select {
	padding: 2px;
	width: 185px;
	color: #555;
	font-size: 11px;
	border: 1px solid #ddd;
}
/* Footer    2015/11/27 註解Start*/

#footer {
	margin-top: 15px;
	width: 100%; min-width: 1024px;
	min-height: 110px;
	background: url(../images/footer_bg.gif) repeat-x 0 0 #f0f0f0;
}
#footer .footerBg {
	margin: 0 auto;
	padding: 15px 25px 0;
	width: 950px;
	min-height: 110px;
	background: url(../images/footer_bg2.gif) no-repeat 0 0;
}
/* News Letter */

#newsLetter {
	width: 950px;

}
#newsLetter table {
	width: 950px;
}
#newsLetter table th.title {
	color: #444;
	font-weight: normal;
	text-align: left;
	background: url(../images/icon_3.gif) no-repeat 0 center;
}
#newsLetter table th.subject {
	padding-left: 15px;
	width: 77px;
	color: #004998;
	text-align: left;
	background: url(../images/icon_2.gif) 8px center no-repeat;
}
#newsLetter table th.mail {
	padding-left: 12px;
	width: 45px;
}
#newsLetter table th.name {
	padding-left: 12px;
	width: 45px;
}
#newsLetter table th.country {
	padding-left: 12px;
	width: 50px;
}
#newsLetter .w210 {
	width: 210px;
}
#newsLetter .w200 {
	width: 200px;
}
#newsLetter .w185 {
	width: 185px;
}
#newsLetter .btn {
	width: 52px;
}
#newsLetter .inTxt {
	padding: 2px 4px;
	height: 18px;
	line-height: 20px;
	background: url(../images/input_inside.gif) 0 0 repeat-x;
	border: 1px solid #c2c2c2;
}
#newsLetter select { border: 1px solid #c2c2c2;}

/* 
#footer .line { height: 25px; background: url(../images/footer_line.gif) repeat-x center;}
*/

#footer ul.linkItem { margin: 0; padding: 0; width: 950px; float: left; list-style: none; line-height: 26px;}
#footer ul.linkItem li { float: left;}
#footer ul.linkItem li a {
	padding: 0 8px;
  color: #555;
	line-height: 26px;
	text-decoration: none;
}
#footer ul.linkItem li a:hover {
	text-decoration: underline;
}
#footer ul.linkItem li.copy { padding-left: 350px; font-size: 11px; color: #888;}
#footer ul.iconBox {
	margin: 0;
	padding: 0;
	width: 132x;
	float: right;
	list-style: none;
	overflow: hidden;
}
#footer ul.iconBox li {
	padding: 0 2px;
	float: right;
}
#footer ul.iconBox li a {
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/icon_box.png) no-repeat;
}
#footer ul.iconBox li a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
#footer ul.iconBox li a.icon1 {
	background-position: 0 0;
}
#footer ul.iconBox li a.icon2 {
	background-position: -26px 0;
}
#footer ul.iconBox li a.icon3 {
	background-position: -52px 0;
}
#footer ul.iconBox li a.icon4 {
	background-position: -78px 0;
}
#footer ul.iconBox li a.icon5 {
	background-position: -106px 0;
}

 /* 2015/11/27 註解end  


/* Footer-1 wenfer 2015/11/26 */

#footer-1 {

	font-family: Corbel;
	font-size: 10px;
	color: #333;

	margin-top: 15px;
	width: 100%; min-width: 550px;
	min-height: 110px;
	background: url(../images/footer_bg.gif) repeat-x 0 0 #f0f0f0;
}
#footer-1 .footerBg {

	font-family: Corbel;
	font-size: 10px;
	color: #333;

	/* margin: 0 auto; */

	padding: 15px 25px 0;
	width: 950px;
	min-height: 110px;
	background: url(../images/footer_bg2.gif) no-repeat 0 0;
}
/* News Letter */
#newsLetter-1 {

	font-family: Corbel;
	font-size: 10px;
	color: #333;

	width: 500px;

}
#newsLetter-1 table {
	font-family: Corbel;
	font-size: 10px;
	color: #333;

	width: 500px;
}
#newsLetter-1 table th.title {
	font-family: Corbel;
	font-size: 10px;
	color: #333;

	/* color: #444;
	font-weight: normal; */
	text-align: left;
	background: url(../images/icon_3.gif) no-repeat 0 center;
}
#newsLetter-1 table th.subject {
	font-family: Corbel;
	font-size: 10px;
	color: #333;

	padding-left: 15px;
	width: 77px;
	/*
	color: #004998;
	*/
	
	text-align: left;
	background: url(../images/icon_2.gif) 8px center no-repeat;
}
#newsLetter-1 table th.mail {
	font-family: Corbel;
	font-size: 10px;
	color: #333;

	padding-left: 12px;
	width: 45px;
}
#newsLetter-1 table th.name {
	font-family: Corbel;
	font-size: 10px;
	color: #333;

	padding-left: 12px;
	width: 45px;
}
#newsLetter-1 table th.country {

	font-family: Corbel;
	font-size: 10px;
	color: #333;

	padding-left: 12px;
	width: 50px;
}
#newsLetter-1 .w210 {
	width: 175px;
}
#newsLetter-1 .w200 {
	width: 175px;
}
#newsLetter-1 .w185 {
	width: 175px;
}
#newsLetter-1 .btn {
	width: 52px;
}
#newsLetter-1 .inTxt {
	padding: 2px 4px;
	height: 18px;
	line-height: 20px;
	background: url(../images/input_inside.gif) 0 0 repeat-x;
	border: 1px solid #c2c2c2;
}
#newsLetter-1 select { border: 1px solid #c2c2c2;}


#footer-1 .line { height: 25px; background: url(../images/footer_line.gif) repeat-x center;}
#footer-1 ul.linkItem { margin: 0; padding: 0; width: 430px; float: left; list-style: none; line-height: 26px;}
#footer-1 ul.linkItem li { float: left;}
#footer-1 ul.linkItem li a {
	padding: 0 8px;
  	color: #555;
	line-height: 26px;
	text-decoration: none;
}
#footer-1 ul.linkItem li a:hover {
	text-decoration: underline;
}
#footer-1 ul.linkItem li.copy { padding-left: 200px; font-size: 11px; color: #888;}
#footer-1 ul.iconBox {
	margin: 0;
	padding: 0;
	width: 132x;
	float: right;
	list-style: none;
	overflow: hidden;
}
#footer-1 ul.iconBox li {
	padding: 0 2px;
	float: right;
}
#footer-1 ul.iconBox li a {
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/icon_box.png) no-repeat;
}
#footer-1 ul.iconBox li a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
#footer-1 ul.iconBox li a.icon1 {
	background-position: 0 0;
}
#footer-1 ul.iconBox li a.icon2 {
	background-position: -26px 0;
}
#footer-1 ul.iconBox li a.icon3 {
	background-position: -52px 0;
}
#footer-1 ul.iconBox li a.icon4 {
	background-position: -78px 0;
}
#footer-1 ul.iconBox li a.icon5 {
	background-position: -106px 0;
}
#newsLetter-1 .btnSend {
	display: block;
	width: 60px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/newsletter_btn.gif) 0 0 no-repeat;
	border: 0;
}
#newsLetter-1 .btnSend:hover {
	background-position: 0 -30px;
}


/* MK_Bar 2015/12/23 */
/* #footer-1 ul.linkItem-1 li { float: center;} */
/* MK_Bar 2015/12/23 */

/* Footer-1 wenfer end 2015/11/26 */

/* Index Set. ------------------------------------------------------------------ */
/* Banner */
.banWrap {
	padding-top: 10px;
	height: 330px;
	background: url(../images/banner_bg.gif) 0 0 no-repeat;
}
/* Goods Slider */
.banWrap .list ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 310px;
  overflow: hidden;
  list-style: none;
}
.banWrap .list ul li {
  width: 1000px;
  height: 310px;
  overflow: hidden;
}
.banWrap .btn ul {
  margin: 8px 0 0 23px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  z-index: 15;
}
.banWrap .btn ul li {
  float: left;
  margin-right: 1px;
  width: 8px;
  height: 8px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/point.gif) 0 0 no-repeat;
  cursor: pointer;
}
.banWrap .btn ul li.on {
  background-position: 0 -8px;
}
.banWrap .btnNext, .banWrap .btnPrev {
  display: none;
}
/* News */
.areaWrap {
	margin: 16px auto 0;
	width: 940px;
	height: 110px;
	overflow: hidden;
}
.areaWrap .wrap {
	width: 1000px;
}
.areaWrap .box {
	float: left;
	margin-right: 16px;
	padding-right: 14px;
	width: 293px;
	height: 105px;
	overflow: hidden;
	border-right: 1px solid #ddd;
}
.areaWrap .title {
	margin: 0;
	padding: 0 0 0 14px;
	height: 20px;
	color: #004998;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/icon_1.gif) 3px 3px no-repeat;
}
.areaWrap .date {
	float: left;
	padding-left: 2px;
	width: 60px;
	height: 15px;
	color: #0b8bcf;
}
.areaWrap .dateLong {
	float: left;
	padding-left: 2px;
	width: 95px;
	height: 15px;
	color: #0b8bcf;
}
.areaWrap .subject {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 230px;
	height: 15px;
	overflow: hidden;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.areaWrap .subject a {
	color: #333;
	text-decoration: none;
}
.areaWrap .subject a:hover {
	text-decoration: underline;
}
.areaWrap .subjectShow{
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 195px;
	height: 15px;
	overflow: hidden;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.areaWrap .subjectShow a {
	color: #000;
	text-decoration: none;
}
.areaWrap .subjectShow a:hover {
	text-decoration: underline;
}
.areaWrap .details {
	clear: both;
	overflow: hidden;
	margin-bottom: 3px;
	height: 48px;
	color: #555;
	font-size: 11px;
	line-height: 16px;
}
.areaWrap .details .leftBox{
	width: 290px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.areaWrap .details .no {
	width: 290px;
}
.areaWrap .details .info { clear: both; width: 290px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
.areaWrap .details a.globe {display: block; background: url(../images/icon_globe.png) no-repeat; padding: 0 0 0 20px; text-decoration: none; color: #555;}

.areaWrap .recogitions {
	padding: 0;
}


.areaWrap .subject2 {
	margin: 0;
	padding: 0;
	width: 280px;
	height: 15px;
	overflow: hidden;
	font-size: 12px;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.areaWrap .subject2 a {
	color: #000;
	text-decoration: none;
}
.areaWrap .subject2 a:hover {
	text-decoration: underline;
}
.areaWrap .details2 {
	height: 20px;
	overflow: hidden;
	color: #555;
	font-size: 11px;
	line-height: 16px;
}
.areaWrap .more {
	text-align: right;
}
.areaWrap a.more {
	color: #90c1d9;
	text-decoration: none;
}
.areaWrap a.more:hover {
	text-decoration: underline;
}

/* Tabs */
#index .tabsWrap {
	float: left;
	margin: 17px 0 0 25px;
	width: 640px;
	height: 225px;
  overflow: hidden;
}
#index .tabsWrap .btnBox {
	margin-left: 7px;
	width: 627px;
	height: 26px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
#index .tabsWrap .tabs {
	margin: 0;
	padding: 0;
	width: 640px;
	height: 27px;
	overflow: hidden;
	list-style: none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: none;
}
#index .tabsWrap .tabs li {
	float: left;
}
#index .tabsWrap .tabs a {
	display: block;
	padding: 0 10px;
	height: 24px;
	overflow: hidden;
	color: #000;
	line-height: 24px;
	text-decoration: none;
	background: url(../images/tabs_1.gif) 0 0 repeat-x;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: none;
}
#index .tabsWrap .tabs a span {
	display: block;
	padding-left: 8px;
	overflow: hidden;
	background: url(../images/icon_7.gif) 0 center no-repeat;
}
#index .tabsWrap .tabs .current,
#index .tabsWrap .tabs .current:hover,
#index .tabsWrap .tabs li.current a {
	cursor: default;
	color: #fff;
	background-image: url(../images/tabs_2.gif);
	border: 1px solid #0b8bcf;
}
#index .tabsWrap .tabs .current span,
#index .tabsWrap .tabs .current:hover span,
#index .tabsWrap .tabs li.current a span {
	background-image: url(../images/icon_6.gif);
}
#index .panesWrap {
	margin-top: 10px;
	width: 640px;
	height: 225px;
	overflow: hidden;
	background: url(../images/tabs_box_bg.gif) 0 0 no-repeat;
}
#index .panesWrap .paneBox {
	position: relative;
	padding: 15px 30px 20px 20px;
	width: 590px;
	height: 120px;
	overflow: hidden;
}
#index .panesWrap .paneBox .img {
  float: left;
	display: block;
	width: 300px;
	height: 120px;
	overflow: hidden;
}
#index .panesWrap .paneBox .txt {
	float: right;
	width: 280px;
	height: 120px;
	overflow: hidden;
}
#index .panesWrap .paneBox .title {
	display: block;
	width: 280px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#index .panesWrap .paneBox .title a {
	color: #000;
	line-height: 18px;
	text-decoration: none;
}
#index .panesWrap .paneBox .title a:hover {
	text-decoration: underline;
}
#index .panesWrap .paneBox .details {
	height: 85px;
	overflow: hidden;
	color: #a5a5a5;
	font-size: 11px;
	line-height: 17px;
}
#index .panesWrap .paneBox .readInfo {
	display: block;
	position: absolute;
	bottom: 6px;
	right: 33px;
	width: 63px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/read_info.gif) 0 0 no-repeat;
}
/* Goods */
.goodsWrap {
	float: right;
	margin: 15px 25px 0 0;
	width: 300px;
	height: 225px;
}
.goodsWrap .title {
	margin: 10px 0 0;
	padding: 0 0 0 17px;
	height: 20px;
	color: #004998;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/icon_1.gif) 6px 3px no-repeat;
}
.goodsWrap .iGBox {
	margin-top: 8px;
	width: 300px;
	height: 180px;
	overflow: hidden;
	background: url(../images/goods_box.gif) 0 0 no-repeat;
}
.goodsWrap .wrap {
	padding: 16px 16px 15px 14px;
	width: 270px;
	height: 165px;
	overflow: hidden;
}
.goodsWrap .wrap .subject {
	margin-bottom: 7px;
	width: 270px;
	height: 16px;
}
.goodsWrap .wrap .subject a {
	color: #000;
	text-decoration: none;
}
.goodsWrap .wrap .subject a:hover {
	text-decoration: underline;
}
.goodsWrap .wrap .details {
	float: left;
	width: 140px;
	height: 72px;
	overflow: hidden;
	color: #555;
	font-size: 11px;
	line-height: 14px;
}
.goodsWrap .wrap .img {
	float: right;
	display: block;
	width: 105px;
	height: 80px;
	overflow: hidden;
}
.slideBox {
	position: relative;
	width: 270px;
	height: 125px;
	overflow: hidden;
}
.slideBox .hd {
	position: absolute;
	left: 0;
	bottom: 3px;
	height: 15px;
	overflow: hidden;
	z-index: 1;
}
.slideBox .hd ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.slideBox .hd ul li {
	float: left;
	margin-right: 5px;
	width: 15px;
	height: 15px;
	color: #555;
	line-height: 15px;
	text-align: center;
	background: #dddddd;
	cursor: pointer;
}
.slideBox .hd ul li.on {
	color: #fff;
	background: #004998;
}
.slideBox .list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* App Set. ------------------------------------------------------------------ */
#appWrap {
	min-height: 200px;
	width: 950px;
	overflow: hidden;
}
#appWrap.rightBox { margin-left: 25px; min-height: 150px}
/* 2016/08/31 William 修改寬度 910px 改成 645px 且 變更背景圖 */
#appWrap .pSearchBox { margin-bottom: 40px; padding: 20px 20px 0; width: 645px; background: url(../images/topbox_bg2.gif) no-repeat 0 0; overflow: hidden;}
/* 2016/08/31 William 修改寬度 900px 改成 635px */
#appWrap .pSearchBox .titleBar {
	padding-left: 10px;
	width: 635px;
	overflow: hidden;
	color: #004998;
	font-size: 13px;
	line-height: 20px;
	background: url(../images/icon_4.gif) no-repeat 0 center;
}
#appWrap .pSearchBox p { margin: 0; padding: 10px 0; font-size: 12px; color:#666; line-height: 22px;}
/* 2016/08/31 William 修改寬度 910px 改成 645px */
#appWrap .pSearchBox .form {
	margin: 0;
	padding: 0;
	width: 645px;
}
/* 2016/08/31 William 修改寬度 910px 改成 645px */
#appWrap .pSearchBox .form table {
	width: 645px; overflow: hidden;
}
#appWrap .pSearchBox .form th.title {
	color: #000;
	font-weight: normal;
	text-align: left;
	background: url(../images/icon_3-2.gif) no-repeat 0 center;
}
#appWrap .pSearchBox .form th.industry {
	padding-left: 10px;
	width: 55px;
}
/* 2016/08/31 William 修改寬度 75px 改成 400px */
#appWrap .pSearchBox .form th.product {
	padding-left: 10px;
	width: 400px;
}
/* 2016/08/31 William 修改寬度 290px 改成 220px */
#appWrap .pSearchBox .form select {
	padding: 2px;
	width: 220px;
	color: #555;
	font-size: 11px;
	border: 1px solid #ddd;
}
#appWrap .pSearchBox .form td.btn {
	width: 140px;
}
#appWrap .pSearchBox .form .btnSend {
	display: block;
	width: 71px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/search_btn.png) no-repeat 0 0;
	border: 0;
}
#appWrap .pSearchBox .form .btnSend:hover {
	background-position: -71px 0;
}
/* 2016/08/31 William 修改寬度 310px 改成 360px */
#appWrap .pSearchBox .form .w310 {
	width: 360px;
}
#appWrap .resultBar {
	margin: 35px 0 20px;
	border: #ddd solid 1px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	box-shadow: 0 0 5px #dedede inset;
	background-color: #f1f1f1;
}
#appWrap .resultBar span { padding-left: 30px; color: #004998; line-height: 24px; background: url(../images/sidebar_line1.gif) no-repeat 18px center;}
#appWrap .itemTitle, .showCaseWrap .itemTitle {
	height: 25px;
	background: url(../images/line3.gif) 0 bottom repeat-x;
}
#appWrap .itemTitle.new{ background: url(../images/result_item1.gif) no-repeat;}
#appWrap .itemTitle.new2{ background: url(../images/result_item2.gif) no-repeat;}
#appWrap .itemTitle.new span, #appWrap .itemTitle.new2 span{ text-indent: -9999px; display: block; background: none; border: none}

.picWrap {
	position: relative;
	width: 950px;
	margin: 20px auto 30px;
}

/* Frame */
.picWrap .frame {
	width: 896px;
	height: 140px;
	overflow: hidden;
	margin: 0 auto;
}
.picWrap .frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 140px;
}
.picWrap .frame ul li {
	margin: 0 8px;
	float: left;
	width: 96px;
	height: 140px;
	overflow: hidden;
	cursor: pointer;
}
.picWrap .frame ul li.active {

}

/* Scrollbar */
.picWrap .scrollbar {
	margin: 0 auto;
	width: 896px;
	height: 5px;
	background-color: #eee;
	line-height: 0;
	height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.picWrap .scrollbar .handle {
	width: 100px;
	height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background-color: #afd6e3;
	cursor: pointer;
}
.picWrap .scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Controls */
.picWrap .controls .btn {
	position: absolute;
	top: 25px;
	display: block;
	width: 30px;
	height: 82px;
	overflow: hidden;
	text-indent: -9999px;
	border: 0;
	outline: none;
	cursor: pointer;
}
.picWrap .controls .prevPage {
	left: 0;
	background: url(../images/btn_prev.png) 0 0 no-repeat;
}
.picWrap .controls .nextPage {
	right: 0;
	background: url(../images/btn_next.png) 0 0 no-repeat;
}
.picWrap .controls .prevPage:hover,
.picWrap .controls .nextPage:hover {
	background-position: 0 -82px;
}


.picWrap .frame ul li .gBox {
	float: left;
	padding: 7px;
	width: 82px;
	overflow: hidden;
}
.picWrap .frame ul li .gBox .img {
	display: block;
	width: 82px;
	height: 82px;
	overflow: hidden;
}
.picWrap .frame ul li .gBox .txt {
	display: block;
	margin-top: 7px;
	width: 82px;
	overflow: hidden;
	color: #555;
	text-decoration: none;
	text-align: center;
}
.picWrap .frame ul li .gBox:hover {
	background-color: #ddd;
}
.picWrap .frame ul li .gBox:hover .txt {
	color: #000;
}


#appWrap .showWrap {
	margin: 0 auto 30px;
	padding-top	: 20px;
	width: 925px;
	overflow: hidden;
}
#appWrap .showWrap .gBox {
	float: left;
	margin: 0 10px 10px;
	width: 165px;
	overflow: hidden;
}
#appWrap .showWrap .gBox .img {
	display: block;
	padding: 1px 4px 4px 1px;
	width: 160px;
	height: 110px;
	overflow: hidden;
	background: url(../images/show_box.gif) 0 0 no-repeat;
}
#appWrap .showWrap .gBox .title {
	padding: 3px 9px 0 6px;
	width: 150px;
	color: #555;
	font-size: 11px;
	line-height: 14px;
}

#appWrap .moreInfo { margin-top: 10px; padding: 23px 25px 0; width: 900px; height: 167px; background: url(../images/more_bg.gif) no-repeat 0 0;}
#appWrap .moreInfo .titleBar {
	padding-left: 40px;
	color: #555;
	font-size: 13px;
}
#appWrap .otherInfoWrap {
	padding-top: 5px;
	width: 910px;
	overflow:hidden;
}
#appWrap .otherInfoWrap .gBox {
	float: left;
	position: relative;
	margin: 12px 5px 0;
	padding: 0 10px;
	width: 270px;
	height: 110px;
	overflow: hidden;
	background: url(../images/video_box.png) 0 0 no-repeat;
}
#appWrap .otherInfoWrap .img {
	float: left;
	position: relative;
	padding-top: 8px;
	width: 120px;
	height: 90px;
	overflow: hidden;
}
#appWrap .otherInfoWrap .coverPlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 90px;
	overflow: hidden;
	background: url(../images/cover_play.png) 0 0 no-repeat;
	z-index: 5;
}
#appWrap .otherInfoWrap .photo {
	width: 120px;
	height: 90px;
	overflow: hidden;
}
#appWrap .otherInfoWrap .txt {
	float: right;
	padding-top: 10px;
	width: 140px;
	overflow: hidden;
}
#appWrap .otherInfoWrap .title {
	width: 140px;
	padding-top: 14px;
	overflow: hidden;
	color: #000;
	line-height: 14px;
}
#appWrap .otherInfoWrap .details {
	padding-top: 5px;
	width: 140px;
	height: 55px;
	overflow: hidden;
	color: #555;
	font-size: 11px;
	line-height: 14px;
}
#appWrap .otherInfoWrap .readInfo {
	display: block;
	position: absolute;
	top: 0;
	right: 1px;
	width: 63px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/read_info.gif) 0 0 no-repeat;
}


/* Goods Set. ------------------------------------------------------------------ */
/* 產品列表 */
.goodsList {
	margin-bottom: 20px;
	padding-bottom: 1px;
	width: 720px;
	overflow: hidden;
	border-bottom: 2px solid #3876b4;
}
.gListTab {
	margin-top: 7px;
	width: 720px;
	background: url(../images/goods_list_tab.png) 0 0 no-repeat;
}
.gListTab th {
	height: 40px;
	overflow: hidden;
	color: #656565;
	font-weight: normal;
	line-height: 14px;
	background: url(../images/goods_list_gap.gif) right 1px no-repeat;
}
.gListTab .gImg {
	width: 120px;
}
.gListTab .gTitle {
	width: 177px;
}
/*.gListTab .gType {
	width: 144px;
}
.gListTab .gSize {
	width: 62px;
}
.gListTab .gWattage {
	width: 120px;
}*/
.gListTab th.last {
	/*width: 97px;*/
	background: none;
}
.gListTab td.gType {
	padding: 0 12px;
	background-color: #f3f3f3;
}
.gListTab td.gWattage {
	padding: 0 10px;
	background-color: #f3f3f3;
}
.gListTab a.img {
	display: block;
	margin: 15px auto;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.gListTab td {
	color: #666;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}
.gListTab a.view {
	display: block;
	margin: 15px 10px auto;
	width: 159px;
	overflow: hidden;
	text-align: left;
	text-decoration: none;
}
.gListTab a.view strong {
	color: #014b9a;
	font-size: 13px;
	font-weight: bold;
}
.gListTab a.view strong img { padding-left: 3px; vertical-align: middle;}
.gListTab a.view span {
	display: block;
	margin-top: 13px;
	height: 56px;
	overflow: hidden;
	color: #656565;
	font-size: 11px;
	line-height: 14px;
}
.gListTab a.view:hover strong {
	text-decoration: underline;
}
.gListTab a.view:hover span {
	color: #444;
}

/* View */
#goodsView .gBig {
	float: left;
	margin: 0 50px;
	width: 240px;
	height: 240px;
	overflow: hidden;
}
#goodsView .gTxt {
	float: left;
	padding-top: 10px;
	width: 365px;
	overflow: hidden;
}
#goodsView .title {
	padding: 6px 5px 6px 10px;
	width: 348px;
	overflow: hidden;
	background: url(../images/gview_title_bg.gif) 0 bottom repeat-x;
	border: 1px solid #e6e6e6;
}
#goodsView .title span {
	display: inline-block;
	padding: 0 7px 0 18px;
	color: #444;
	line-height: 15px;
	background: url(../images/icon_8.gif) 0 3px no-repeat;
}
#goodsView .title img { vertical-align: middle;}
#goodsView .vText {
	padding: 10px 0 6px;
	width: 365px;
	border-bottom: 1px solid #d7d7d7;
	color: #555;
}
#goodsView .dot {
	margin: 0;
	padding: 0;
	list-style: none;
}
#goodsView .dot li {
	padding: 0 0 8px 30px;
	color: #666;
	font-size: 11px;
	line-height: 16px;
	background: url(../images/icon_9.gif) 14px 6px no-repeat;
}
#goodsView .btnBar {
	clear: both;
	height: 80px;
	overflow: hidden;
}
#goodsView .videoBox {
	float: left;
	display: block;
	position: relative;
	padding: 1px 4px 4px 1px;
	width: 100px;
	height: 75px;
	overflow: hidden;
	background: url(../images/gview_title_bg.gif) 0 0 no-repeat;
}
#goodsView .videoBox .cover {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 75px;
	overflow: hidden;
	background: url(../images/gview_cover.png) 0 0 no-repeat;
}
#goodsView .videoBox .video {
	display: inline-block;
	width: 100px;
	height: 75px;
	overflow: hidden;
	background-color: #ddd;
}
#goodsView .btnBar .btn {
	float: left;
	margin: 10px 0 0 3px; 
	display: block;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#goodsView .btnBar .award {
	width: 65px;
	background-image: url(../images/gview_btn1.gif);
}
#goodsView .btnBar .patents {
	width: 73px;
	background-image: url(../images/gview_btn2.gif);
}
#goodsView .btnBar .review {
	width: 111px;
	background-image: url(../images/gview_btn3.gif);
}
#goodsView .btnBar .btn:hover {
	background-position: 0 -26px;
}
#goodsView .btnBar .catalog {
	width: 71px;
	background: url(../images/catalog_bg.gif) no-repeat;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*-webkit-transform:scale(0.91);*/
	font-weight: bold;
	font-weight: 500 \9;
	display:inline-block;
	padding: 5px 0 5px;

	float: left;
	height: 15px;
	overflow: hidden;
	color: #454545;
	text-decoration: none;

	margin: 10px 5px 0 0 ;
	display: block;
	text-align: center
	
}
#goodsView .btnBar .catalog:hover {
	background-position: 0 -26px;
	color: #fff;
}

/* Tabs */
#goodsView .tabsWrap {
	margin-top: 10px;
	width: 720px;
}
#goodsView .tabsWrap .btnBox {
	width: 720px;
	height: 25px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
#goodsView .tabsWrap .tabs {
	margin: 0;
	padding: 0;
	width: 720px;
	height: 26px;
	overflow: hidden;
	list-style: none;
}
#goodsView .tabsWrap .tabs li {
	float: left;
	margin-right: 6px;
}
#goodsView .tabsWrap .tabs a {
	display: block;
	padding: 0 10px;
	height: 24px;
	overflow: hidden;
	color: #000;
	line-height: 24px;
	text-decoration: none;
	background: url(../images/tabs_1.gif) 0 0 repeat-x;
	border: 1px solid #d6d6d6;
	/* 圓角 */
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: none;
}
#goodsView .tabsWrap .tabs .current,
#goodsView .tabsWrap .tabs .current:hover,
#goodsView .tabsWrap .tabs li.current a {
	cursor: default;
	color: #fff;
	background-image: url(../images/tabs_2.gif);
	border: 1px solid #0b8bcf;
	
}
#goodsView .panesWrap {
	margin-top: 10px;
	width: 720px;
	overflow: hidden;
}
#goodsView .panesWrap .paneBox {
	position: relative;
	padding: 15px 10px 10px 10px;
	width: 700px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
#goodsView .panesWrap .paneBox iframe{ margin: 0 auto; display: block;}
#goodsView .panesWrap .paneBox.custTradeWrap {
	position: relative;
	padding: 15px 0 10px 0;
	width: 720px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
#goodsView .gVText {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 700px;
	line-height: 16px;
}
#awardText { width: 650px; overflow: hidden; min-height: 150px}
#awardText p.demo{ text-align: center}
.videoWrap { margin-bottom: 10px;}

.optionWrap .boxA, .optionWrap .boxB { margin: 0 auto 20px; width: 680px; overflow: hidden;}
.optionWrap .boxA .pic { width: 160px; float: left; overflow: hidden;}
.optionWrap .boxA .info { width: 505px; float: right; overflow: hidden;}
.optionWrap .boxB .pic { width: 160px; float: right; overflow: hidden;}
.optionWrap .boxB .info { width: 505px; float: left; overflow: hidden;}
.optionWrap .info .ti { padding: 8px 10px 0; color: #333; font-weight: bold;}
.optionWrap .info .txt { margin-top: 5px; padding: 5px 10px 0; color: #555; line-height: 18px; background: url(../images/line.gif) repeat-x top;}

/* Feature */
.gVList {
	margin: 0 auto;
	width: 680px;
}
.gVList .box {
	clear: both;
	margin-bottom: 15px;
	height: 80px;
}
.gVList .box .img {
	float: left;
	display: block;
	width: 120px;
	height: 80px;
	overflow: hidden;
}
.gVList .box .txt {
	float: left;
	margin-left: 15px;
	padding: 5px 0;
	width: 540px;
	height: 70px;
	overflow: hidden;
}
.gVList .box .txt a {
	height: 20px;
	color: #333;
	line-height: 20px;
	text-decoration: none;
}
.gVList .box .txt a:hover {
	text-decoration: underline;
}
.gVList .box .details {
	margin-top: 5px;
	height: 50px;
	overflow: hidden;
	color: #555;
	font-size: 11px;
	line-height: 16px;
}

.downloadTb { margin-bottom: 15px; width: 700px; background: url(../images/download_tibg2.gif) no-repeat 0 0; border: 0; border-collapse: collapse; border-spacing: 0; overflow: hidden;}
.downloadTb th { width: 90px; height: 30px; font-weight: normal; overflow: hidden;}
.downloadTb th.neme { width: 610px; overflow: hidden;}
.downloadTb td { padding: 7px 0; color: #004998; background: url(../images/line.gif) repeat-x bottom;}
.downloadTb td.neme { color: #333; text-align: left;}
.downloadTb td.neme span { padding-left: 23px; background: url(../images/icon_ten.jpg) no-repeat 10px 4px;}
.downloadTb td a.download { display: block; margin: 0 auto; width: 25px; height: 20px; text-indent: -9999px; background: url(../images/btn_dl.gif) no-repeat 0 0; overflow: hidden;}
.downloadTb td a.download:hover { background-position: 0 -20px;}
.downloadTb tr:hover td.neme { color: #004998;}

/* Application */
.appliWrap {
	width: 720px;
	overflow: hidden;
}
.appliWrap .box {
	float: left;
	margin: 0 15px 30px 0;
	width: 165px;
	overflow: hidden;
}
.appliWrap .box .img {
	display: block;
	padding: 1px 4px 4px 1px;
	width: 160px;
	height: 110px;
	overflow: hidden;
	background: url(../images/show_box.gif) 0 0 no-repeat;
}
.appliWrap .box .showTitle {
	padding: 3px 9px 0 6px;
	width: 150px;
	color: #555;
	font-size: 11px;
	line-height: 14px;
	background: none;
}
/* software */
.softWare{ width: 700px; overflow: hidden}
.softWare .groupB{ width: 700px; overflow: hidden; margin-bottom: 15px; cursor: pointer}
.softWare .groupB .pic{ width: 150px; height: 100px; overflow: hidden; float: left; padding:1px; border: 1px solid #eee}
.softWare .groupB .txt{ width: 530px; float: right; overflow: hidden}
.softWare .groupB .txt .name{ margin-bottom: 5px; color: #0d4ea2; font-weight: bold; }
.softWare .groupB .txt ul, .softWare .groupB .txt ul li{ padding: 0; margin: 0; list-style: none;}
.softWare .groupB .txt ul li{padding: 0 0 8px 15px;	color: #555;	line-height: 14px;	background: url(../images/icon_9.gif) 2px 6px no-repeat; float:none}
.softWare .view{ width: 720px; overflow:hidden; margin: 15px 0}
.softWare .view .pic{ width: 210px; height: 140px; overflow: hidden; float: left}
.softWare .view .txt{ width: 490px; overflow: hidden; float: right; line-height: 21px; }
.softWare .commSti{ margin-bottom: 0; margin-top: 30px}
/* About Set. ------------------------------------------------------------------ */
#aboutWrap {
	color: #555;
	line-height: 18px;
}
#aboutWrap .titleBar {
	clear: both;
	margin: 0;
	padding: 0 0 0 26px;
	width: 920px;
	overflow: hidden;
	color: #004998;
	font-size: 12px;
	line-height: 20px;
	background: url(../images/icon_4.gif) 12px 8px no-repeat;
}
#aboutWrap.milestone .titleBar {
	margin: 0 0 10px;
	padding: 0 0 10px 26px;
	border-bottom: 1px dotted #ddd;
}
#aboutWrap .titleBar.noBorder {
	margin: 0;
	border-bottom: none;
}

#aboutWrap .titleBar .milesTxt {
	float: left;
	margin-left: 15px;
	width: 500px;
	overflow: hidden;
	color: #444;
}

#aboutWrap .topBarLine {
	margin-bottom: 10px;
	width: 950px;
	height: 2px;
	overflow: hidden;
	background: url(../images/line2.gif) 0 0 repeat-x;
}


#aboutWrap .btnWrap {width: 100px; margin: 30px auto;}
#aboutWrap .btnWrap a{ width: 55px; height: 15px; float: left; text-indent: -999px; background: url(../images/about_1-5_back.png) 0 0 no-repeat;}
#aboutWrap .btnWrap a:hover {background-position: 0 -15px;}

/* Info */
#aboutTab ul { margin: -25px 0 0 0; padding: 0; float: right; width: 580px; height: 30px; list-style: none; overflow: hidden;}
#aboutTab li { margin: 0; padding: 0; float: left;}
#aboutTab li a { display: block; padding: 6px 20px 5px 40px; font-size: 12px; background: url(../images/tab_bg.gif) 0 0 no-repeat; text-decoration: none; color: #6a7580;}
#aboutTab li a:hover,
#aboutTab li a.select { background-position: 0 -32px; color: #004998;}

#aboutWrap .txt { margin: 30px 0 50px 25px; padding: 0 0 50px 0; border-bottom: 1px solid #ddd; float: left;}
#aboutWrap .leftBox{ float: left; width: 180px;}
#aboutWrap .rightBox{ float: right; width: 500px; margin: 0 0 0 15px;}
#aboutWrap p.title { font-size: 15px; color: #0c55a5;}
#aboutWrap .fontBlue {
	color: #004998;
}
/* Global */
#aboutWrap .globalNotice {
	margin: 10px 0 0 25px;
	width: 700px;
}
#aboutWrap .globalNotice a {
	color: #004998;
	text-decoration: none;
}
#aboutWrap .globalNotice a:hover {
	text-decoration: underline;
}
/* Global */
#aboutWrap .globalNotice {
	margin: 10px 0 0 25px;
	width: 700px;
}
#aboutWrap .globalNotice a {
	color: #004998;
	text-decoration: none;
}
#aboutWrap .globalNotice a:hover {
	text-decoration: underline;
}
#aboutWrap .globalMap {
	margin: 13px auto;
	width: 900px;
	overflow: hidden;
	background: url(../images/about_1-3_map.gif) no-repeat;
	height: 417px; 
	position: relative;
}
/* 1202 new*/
#aboutWrap .globalMap div{ color: #666; line-height: 19px;  }
#aboutWrap .globalMap div span{ line-height: 16px; display: block; margin: 3px 0}
#aboutWrap .globalMap div a{ color: #034eb2; text-decoration: underline}
#aboutWrap .globalMap .box1{ width: 240px; height: 130px; overflow: hidden; position: absolute; top: 215px; left: 10px; z-index: 2}
#aboutWrap .globalMap .box2{ width: 220px; height: 123px; overflow: hidden; position: absolute; top: 205px; left: 325px; z-index: 2}
#aboutWrap .globalMap .box3{ width: 220px; height: 123px; overflow: hidden; position: absolute; top: 10px; right: 15px; z-index: 2;}
#aboutWrap .globalMap .box4{ width: 220px; height: 123px; overflow: hidden; position: absolute; top: 265px; right: 55px; z-index: 2}
#aboutWrap .globalMap a.name { color: #000; text-decoration: none;}
#aboutWrap .globalMap .teamOver:hover { color: #000;}
#aboutWrap .globalMap .teamOver:hover a.name { padding-right: 12px; color: #004998; background: url(../images/aw_point03.png) no-repeat right 2px;}
#aboutWrap .globalMap .teamOver:hover a.name { background/**/: url(../images/aw_point03.png) no-repeat right 0\9;}

#aboutWrap .tabBox {
	margin: 10px auto;
	width: 900px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
#aboutWrap .globalTab {
	width: 900px;
	overflow: hidden;
}
#aboutWrap .globalTab th,
#aboutWrap .globalTab td {
	padding: 3px 20px;
	line-height: 22px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#aboutWrap .globalTab th {
	padding: 3px;
	color: #fff;
	background-color: #a9bec7;
	border-right: 1px solid #fff;
}
/* Recongnitions */
#aboutWrap .dlBox { float: left;	width: 340px;	height: 200px; overflow: hidden;	margin: 20px 10px;}
#aboutWrap .dlBox .cover { float: left; width: 150px; margin: 0 10px 0 0; height: 150px;}
#aboutWrap .dlBox .cover:hover {opacity: 0.8;}
#aboutWrap .dlBox .title{	float: left;	width: 180px;	overflow: hidden;	color: #333;	line-height: 25px; text-overflow:ellipsis; white-space: nowrap;}
#aboutWrap .dlBox .notice { float: left; width: 180px; overflow: hidden; color: #555; font-size: 11px; margin: 0 0 10px 0;}
#aboutWrap .dlBox a.btnDl { text-indent: -9999px; float: left; width: 100px; height: 30px; background: url(../images/about_1-4_download.png) no-repeat; overflow: hidden; -webkit-transition: 0.5s;	-moz-transition: 0.5s;	-o-transition: 0.5s;	-ms-transition: 0.5s;	transition: 0.5s;}
#aboutWrap .dlBox .btnDl:hover { background-position: 0 -30px;}

#aboutWrap .titleView {	float: left;
	overflow: hidden;
	color: #333;
	line-height: 20px;
	font-weight: bold;
}
	
#aboutWrap .dlBox .title a {
	float: left;
	color: #333;
	line-height: 25px;
	text-decoration: none;
}
#aboutWrap .dlBox .title a:hover {
	text-decoration: underline;
}

/* Video */
#aboutWrap .videoWrap {
	width: 960px;
	overflow: hidden;
	padding: 0 0 0 50px
}
#aboutWrap .date { width:62px; height: 17px; overflow: hidden; color: #FFF; text-align: center; background: url(../images/p_date_bg.png) no-repeat; padding: 5px 10px;}
#aboutWrap .title { color: #333; margin: 5px 0; border: none;}
#aboutWrap .videoBoxSmall {
	float: left;
	margin-right: 50px;
	width: 225px;
	overflow: hidden;
	padding: 65px 0 15px 0;
	background: url(../images/about_1-5_bg.png) center bottom no-repeat;
}

#aboutWrap .videoFrameSmall iframe {
	width: 225px;
	height: 140px;
	overflow: hidden;
	border: none;
}
#aboutWrap .videoBoxBig {
	float: left;
	margin-right: 50px;
	width: 360px;
	overflow: hidden;
	padding: 0 0 15px 0;
	background: url(../images/about_1-5_bg.png) center bottom no-repeat;
}
#aboutWrap .videoFrameBig iframe {
	width: 360px;
	height: 220px;
	overflow: hidden;
	border: none;
}
/* News */
#newsText {
	border-top: 1px solid #ddd;
	padding: 10px;
	width: 700px;
	line-height: 16px;
}
#aboutWrap .newsBox {
	position:relative;
	float: left;
	width: 650px;
	height: 30px;
	margin: 5px;
	padding: 5px;
	overflow: hidden;
	 -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	border-bottom: 1px dotted #CCCCCC;
}
#aboutWrap .newsBox:hover { background: #F3F3F3;}
#aboutWrap .newsBox .date{ 	float: left; }
#aboutWrap .newsBox .title a {
	display: block;
	float:left;
	margin: 0 0 0 30px;
	width: 480px;
	color: #333;
	overflow: hidden;
	text-decoration: none;
	text-overflow:ellipsis; 
	white-space: nowrap;
}
#aboutWrap .newsBox .title a:hover { color: #0c55a5;}



/* eNews */
#aboutWrap .eNewsWrap {	margin: 0 0 15px; width: 740px; overflow: hidden;}
#aboutWrap .bookshelf { width: 670px; height: 200px; padding: 0 40px; margin: 35px 0 0 -15px; background: url(../images/about_1-7_bg.png) 0 125px no-repeat;}
#aboutWrap .enewsBox { position: relative; float: left; width: 150px; height: 140px;	overflow: hidden;	background: url(../images/about_1-7_bookbg.png) center 0 no-repeat;}
#aboutWrap .enewsBox img{ position: absolute; left: 20px; border: 1px #CCC solid;}
#aboutWrap .enewsBox img:hover{ opacity: 0.8; border: 1px #333 solid;}
#aboutWrap .enewsDate{ position: absolute; top: 10px; left: 0px; width:62px; height: 17px; overflow: hidden; color: #FFF; background: url(../images/p_date_bg.png) no-repeat; padding: 5px 15px; z-index: 99}

#enewsText {
	margin-top: 5px;
	padding: 10px;
	width: 700px;
	overflow: hidden;
	line-height: 16px;
	border-top: 1px solid #ddd;
}



/* Contact Set. ------------------------------------------------------------------ */
#contactWrap .topArea {
	margin: 15px 0 0;
	height: 24px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
#contactWrap .title {
	float: left;
	padding: 0 13px 0 10px;
	height: 30px;
	overflow: hidden;
	color: #fff;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background: url(../images/tabs_2.gif) 0 0 repeat-x;
	border: 1px solid #d6d6d6;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
#contactWrap .title span {
	display: block;
	padding-left: 12px;
	overflow: hidden;
	background: url(../images/icon_6.gif) 0 center no-repeat;
}
#contactWrap .notice {
	float: right;
	padding: 0 13px 0 10px;
	height: 24px;
	overflow: hidden;
	color: #000;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background: url(../images/tabs_1.gif) 0 0 repeat-x;
	border: 1px solid #d6d6d6;
}
/* Contact 分類頁 */
#contactWrap .category{ background: url(../images/contact_bg.gif) 10px 25px no-repeat; overflow: hidden; line-height: 21px; color: #656565; width: 705px; padding-left: 10px; margin: 30px 0 50px}
#contactWrap .group{ width: 210px; overflow: hidden; float: left; margin-bottom: 35px}
#contactWrap .group.right{ float: right; text-align: right}
#contactWrap .group.center{ margin: 25px auto 0; float:none; text-align: center; width: 415px}
#contactWrap .group .commSti{ background: none; margin-bottom: 10px}
#contactWrap .group a{ color:#0c55a5;  text-decoration: none}
#contactWrap .contactTab {
	margin: 10px 0 25px;
	width: 720px;
}
#contactWrap .contactTab select,
#contactWrap .contactTab input,
#contactWrap .contactTab textarea {
	margin-top: 4px;
	margin-bottom: 4px;
}
#contactWrap .contactTab select {
	margin-right: 5px;
	padding: 2px;
	border: 1px solid #ccc;
}
#contactWrap .contactTab input {
	padding: 2px 4px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #ccc;
}
#contactWrap .contactTab textarea {
	padding: 2px 4px;
	height: 120px;
	line-height: 16px;
	overflow-y: scroll;
	border: 1px solid #ccc;
}
#contactWrap .contactTab td.impor {
	padding-top: 8px;
	width: 23px;
	text-align: center;
	vertical-align: top;
	line-height: 16px;
}
#contactWrap .contactTab th.subject {
	padding-top: 8px;
	padding-right: 10px;
	width: 157px;
	color: #333;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
#contactWrap .contactTab td.value {
	width: 530px;
}
#contactWrap .contactTab th.subject.two {
	width: 107px;
}
#contactWrap .contactTab td.value.two {
	width: 580px;
}
#contactWrap .contactTab th.subject.three {
	width: 687px;
}
#contactWrap .contactTab a { padding-left: 6px; color: #608bd4; text-decoration: none;}
#contactWrap .contactTab a:hover { text-decoration: underline;}
#contactWrap .fontRed {
	color: #f00;
	font-family: Verdana, sans-serif;
}
#contactWrap .inCode {
	float: left;
	margin-top: 3px;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}
#contactWrap .imgCode {
	float: left;
	margin: 3px 0 0 5px;
	width: 90px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ccc;
}
#contactWrap .btnBar {
	margin: 10px auto;
	width: 150px;
	text-align: center;
}
#contactWrap .btnBar input {
	display: block;
	margin: 0 2px;
	height: 28px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
}
#contactWrap .btnBar .btnReset {
	width: 65px;
	background-image: url(../images/btn_refill.gif);
}
#contactWrap .btnBar .btnSubmit {
	width: 75px;
	background-image: url(../images/btn_submit.gif);
}
#contactWrap .btnBar input:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
/* 共用 */
#contactWrap .contactTab2 {
	margin: 15px 0;
	width: 720px;
}
#contactWrap .contactTab2 td.impor {
	width: 23px;
	text-align: center;
	vertical-align: top;
	line-height: 16px;
	line-height: 32px;
}
#contactWrap .contactTab2 th.subject {
	width: 697px;
	color: #444;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	line-height: 30px;
}
#contactWrap .contactTab2 select {
	margin-right: 5px;
	padding: 2px;
	border: 1px solid #ccc;
}
#contactWrap .contactTab2 input {
	padding: 2px 4px;
	height: 16px;
	line-height: 16px;
	border: 1px solid #ccc;
}
#contactWrap .typeBox {
	margin-top: 5px;
	padding: 2px 0 2px 22px;
	line-height: 22px;
	background-color: #f0f0f0;
	border: 1px solid #ddd;
}
#contactWrap .typeBox label {
	color: #666;
}
#contactWrap .floatLeft { float: left;}
#contactWrap .w140 { width: 140px;}
#contactWrap .w220 { width: 220px;}
#contactWrap .w300 { width: 300px;}
#contactWrap .w458 { width: 458px;}

/* 又綺 - 客戶專區 */
.pageMainB { padding: 10px 0; width: 715px; overflow: hidden;}
.pageMainB.pt { padding: 0;}
.noData { padding: 30px 0; width: 100%; text-align: center; overflow: hidden;}

#tradeWrap { padding: 15px 15px 0; width: 685px; min-height: 100px; background: url(../images/trade_bg.gif) no-repeat 0 0;}
#tradeWrap .box { padding: 10px 0 0 20px; width: 665px; height: 75px; overflow: hidden; background: url(../images/line.gif) repeat-x bottom; overflow: hidden;}
#tradeWrap .box a:hover{ opacity: 0.9}
#tradeWrap .txt { margin: 20px auto 0; width: 665px; line-height: 22px; overflow: hidden;}
#tradeWrap .box:hover { background: url(../images/trade_bg2.gif) repeat-x bottom;}
#tradeWrap.viewWrap .box { background: url(../images/trade_bg2.gif) repeat-x bottom;}
#tradeWrap .box:hover ul li, #tradeWrap .box:hover ul li a, #tradeWrap .box:hover ul li span { color: #000;}

#faqWrap { width: 715px; overflow: hidden;}
#faqWrap .faqBox { margin-bottom: 10px; width: 715px; overflow: hidden;}
#faqWrap .faqQue { padding: 0 35px; width: 645px; height: 35px; cursor: pointer; line-height: 35px; overflow: hidden;}
#faqWrap .faqBox.qaProd .faqQue { padding: 0 35px 0 15px; width: 665px;}
#faqWrap .faqAns { display: none; width: 715px; overflow: hidden;}
#faqWrap .faqAns .content { padding: 12px 10px 15px 35px; width: 670px; color: #333; line-height: 18px; background: url(../images/faq_bg2.gif) no-repeat 0 0; overflow: hidden;}
#faqWrap .faqBox.qaProd .faqAns .content { padding: 12px 30px 10px 15px; width: 680px; color: #333; line-height: 18px; background: url(../images/faq_bg3.gif) no-repeat 0 0; overflow: hidden;}
#faqWrap .faqBox.qaProd .box { margin-bottom: 5px; padding-bottom: 5px; width: 680px; border-bottom: #d3d3d3 solid 1px; overflow: hidden;}
#faqWrap .faqBox.qaProd .box .ti { width: 85px; float: left; font-weight: bold; line-height: 25px;}
#faqWrap .faqBox.qaProd .box ul { margin: 0; padding: 0; width: 595px; float: left; list-style: none;}
#faqWrap .faqBox.qaProd .box ul li { padding: 0 15px; float: left; line-height: 25px; background: url(../images/qa_icon.gif) no-repeat right 12px;}
#faqWrap .faqBox.qaProd .box ul li a { display: block; color: #666; text-decoration: none;}
#faqWrap .faqBox.qaProd .box ul li a:hover { color: #014b9a; text-decoration: underline;}

#clubWrap { padding: 20px; width: 675px; overflow: hidden; line-height: 2em;}
#clubWrap .leftBox { float: left; width: 170px; height: 300px; margin: 0 20px 0 0; overflow: hidden;}
#clubWrap .rightBox { float: right; width: 480px; overflow: hidden; }
#clubWrap .rightBox ul li{ margin: 0; padding: 0; list-style: none; list-style-image: url(../images/icon_3-2.gif);}
#clubWrap .rightBox li { list-style-image: url(../images/icon_3-2.gif) no-repeat 0 0;}
#clubWrap .rightBox a {color: #069; }
#clubWrap span { color: #036; font-weight: bold;}
#clubWrap p { color: #555; font-weight: bold;}

.testimoWrap { padding-top: 10px; width: 750px; overflow: hidden;}
.testimoWrap .box { margin-bottom: 10px; width: 715px; background: url(../images/test_bg02.gif) repeat-y; overflow: hidden;}
.testimoWrap .box .bgTop { height: 10px; background: url(../images/test_bg01.gif) repeat-y;}
.testimoWrap .box .bgBottom { height: 10px; background: url(../images/test_bg03.gif) repeat-y;}
.testimoWrap .box table { margin: 5px auto; width: 655px; overflow: hidden;}
.testimoWrap .box table th, .testimoWrap .box table td { padding-bottom: 8px; background: url(../images/line4.gif) repeat-x bottom;}
.testimoWrap .box table th { text-align: left;}
.testimoWrap .box table th span { padding-left: 32px; width: 463px; font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-weight: normal;  background: url(../images/icon_message.png) no-repeat 10px 2px; overflow: hidden;}
.testimoWrap .box table th span { background/**/: url(../images/icon_message.png) no-repeat 10px 1px\9;}
.testimoWrap .box table td { width: 180px; overflow: hidden;}
.testimoWrap .box table td span { margin-right: 12px; padding-right: 8px; display: inline-block; color: #777; background: url(../images/test_line.gif) no-repeat right 3px;}
.testimoWrap .box table td span { background/**/: url(../images/test_line.gif) no-repeat right 2px\9;}
/* 原始碼 .testimoWrap .box .tbTitle { margin: 0 auto 10px; padding: 0 25px 0 10px; width: 640px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; cursor: pointer; line-height: 18px; overflow: hidden;} */
/* wenfer 2015/09/14 新增變更*/
.testimoWrap .box .tbTitle { margin: 0 auto 10px; padding: 0 25px 0 10px; width: 640px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; cursor: pointer; line-height: 18px; overflow: visible;}

/* 原始碼.testimoWrap .box .editorTxt { display: none; margin: 0 auto; padding: 10px 10px 0; width: 655px; color: #666; line-height: 20px; background: url(../images/line.gif) repeat-x top; overflow: hidden;} */
/* wenfer 2015/09/14 新增變更*/
.testimoWrap .box .editorTxt { display: block; margin: 0 auto; padding: 10px 10px 0; width: 655px; color: #666; line-height: 20px; background: url(../images/line.gif) repeat-x top; overflow: visible;}


.pTopBar { padding-bottom: 6px; width: 715px;	border-bottom: #dedede solid 1px;}
.pTopBar h4 { margin: 0; padding: 9px 0 0 20px; float: left; font-size: 13px; color: #444; background: url(../images/icon_4.gif) no-repeat 8px 15px;}
.pTopBar table { width: 255px; float: right;}
.pTopBar table th { padding-top: 8px; width: 70px; text-align: left; font-weight: normal; vertical-align: top; overflow: hidden;}
.pTopBar table td { width: 185px;}
.pTopBar table.tb { width: 235px; float: right;}
.pTopBar table.tb th { padding-top: 8px; width: 50px; text-align: left; font-weight: normal; vertical-align: top; overflow: hidden;}
.pTopBar table.tb td { width: 185px;}
.pTopBar table td .selectBox { position: relative; width: 185px; height: 25px; background: url(../images/btn_select-bg.png) no-repeat 0 0; overflow: hidden;}
.pTopBar table td .selectBox:hover { background-position: 0 -25px;}
.pTopBar table td .selectBox label { display: block; position: absolute; z-index: 1; top: 0; left: 0; margin: 0; padding-left: 10px; width: 175px; height: 25px; color: #000; cursor: pointer; line-height: 25px; overflow: hidden;}
.pTopBar table td .selectBox select { position: absolute; z-index: 2; top: 0; left: 1px; width: 184px; height: 25px; cursor: pointer; border: 0; opacity: 0;}
#downloadWrap { width: 715px; overflow: hidden;}
#downloadWrap table { width: 715px; text-align: center; background: url(../images/download_tibg.gif) no-repeat 0 0; border: 0; border-collapse: collapse; border-spacing: 0; overflow: hidden;}
#downloadWrap table th { width: 90px; height: 30px; font-weight: normal; overflow: hidden;}
#downloadWrap table th.neme { width: 355px; overflow: hidden;}
#downloadWrap table td { padding: 7px 0; color: #004998; background: url(../images/line.gif) repeat-x bottom;}
#downloadWrap table td.neme { color: #333; text-align: left;}
#downloadWrap table td.neme span { padding-left: 23px; background: url(../images/icon_ten.jpg) no-repeat 10px 4px;}
#downloadWrap table td a.download { display: block; margin: 0 auto; width: 25px; height: 20px; text-indent: -9999px; background: url(../images/btn_dl.gif) no-repeat 0 0; overflow: hidden;}
#downloadWrap table td a.download:hover { background-position: 0 -20px;}
#downloadWrap table tr:hover td.neme { color: #004998;}

.space20 { clear: both; height: 20px; font-size: 0; overflow: hidden;}

/* 雯守切 */
.clearer { clear:both; height:0; line-height:0; font-size:0;}
.pageWrap.w720 {
	width: 720px;
}
.pageWrap.w1000 {
	width: 1000px;
	 float: left;
}
.pageMain.noPaddL {
	padding: 10px 0 10px 0;
}

/* 左側選單第二層 */
#sideBar li ul {
	width:210px;
	margin-top:5px;
	overflow:hidden;
}
#sideBar li ul li {
	margin-bottom: 1px;
}
#sideBar li ul li a, #sideBar li.current ul li a {
	display: block;
	padding: 8px 5px 5px 35px;
	width: 170px;
	color: #3a86c4;
	line-height: 13px;
	text-decoration: none;
	background: url(../images/icon_7.gif) 22px 14px no-repeat;
}
#sideBar li ul li a:hover, #sideBar li.current ul li a:hover, #sideBar li.current ul li.current a {
	color: #2a6391;
	text-decoration: none;
	background-color: #dcebf7;
}

/* 第二層 */
.pageTi.icon4 {
	margin: 0;
	padding: 7px 0 0 20px;
	height: 24px;
	color: #444;
	line-height: 19px;
	background: url(../images/icon_4.gif) 8px 14px no-repeat;
	border-bottom: 1px solid #dedede;
}
.custTestWrap {
	width:720px;
	overflow:hidden;
}
.arrBarBox {
	width:720px;
	height:31px;
	background:url(../images/arr_bar.jpg) no-repeat;
	overflow:hidden;
}
.arrBarBox .arrBarL {
	float:left;
	width:430px;
	height:31px;
	line-height:31px;
	margin-left:25px;
	color:#000;
	overflow:hidden;
}
.arrBarBox .arrBarA {
	float:left;
	width:680px;
	height:31px;
	line-height:31px;
	margin-left:25px;
	color:#000;
	overflow:hidden;
}
.arrBarBox .arrBarR {
	float:right;
	height:31px;
	line-height:31px;
	margin-right:5px;
	overflow:hidden;
}
.arrBarBox .arrBarR span {
	color:#004998;
}
.custTestWrap .txt {
	width:700px;
	padding:10px 10px;
	line-height:24px;
	color:#555555;
	overflow:hidden;
}

.custTradeWrap {
	width:720px;
	padding-bottom:30px;
	overflow:hidden;
}
.headBar {
	width:100%;
	height:30px;
	overflow:hidden;
}
.custTradeBox {
	width:720px;
	overflow:hidden;
}
.custTradeTab {
	width:720px;
}
.custTradeTab th {
	width:620px;
	height:40px;
	line-height:40px;
	padding-left:20px;
	text-align:left;
	font-weight:normal;
	background:url(../images/icon_ten.jpg) no-repeat 7px 17px;
	border-bottom:1px dotted #606573;
	overflow:hidden;
}
.custTradeTab th.w480 {
	width:480px;
}
.custTradeTab th a {
	display:block;
	width:620px;
	height:40px;
	line-height:40px;
	text-decoration:none;
	color:#333333;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.custTradeTab th a:hover {
	color:#004998;
}
.custTradeTab td {
	width:80px;
	height:40px;
	color:#004998;
	text-align:center;
	border-bottom:1px dotted #606573;
	overflow:hidden;
}
.custTradeTab td.size, .custTradeTab td.btnDl {
	width:80px;
}
.custTradeTab td.btnDl a {
	display:block;
	width:25px;
	height:20px;
	margin:0 auto;
	background:url(../images/btn_dl.gif);
	overflow:hidden;
}
.custTradeTab td.btnDl a:hover {
	background-position:0 20px;
}
.custTradeWrap .txt {
	width:700px;
	padding:10px 10px;
	line-height:24px;
	color:#555555;
	overflow:hidden;
}

.custDownWrap {
	width:720px;
	overflow:hidden;
}
.custVideoBox {
	position: relative;
	float:left;
	width:165px;
	margin:10px 37px 20px;
	overflow:hidden;
}
.custVideoBox a.pic {
	width:160px;
	height:95px;
	padding:1px 1px 14px;
	background:url(../images/video_pic_bg.gif) no-repeat;
	overflow:hidden;
	display: block;
}
.custVideoBox a.view{
	position: absolute;
	top: 20px;
  width:160px;
	height:60px;
	margin: 1px;
	overflow:hidden;
	display: block;
	background: #09C;
	z-index: 999;
	color: #FFF;
	text-decoration: none;
	opacity: 0;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.custVideoBox a.view:hover{
	opacity: 0.9;
}

.custVideoBox .bot {
	width:165px;
	overflow:hidden;
}
.custVideoBox .bot a.name {
	width:165px;
	max-height:40px;
	line-height:20px;
	color:#004998;
	padding:5px 0;
	overflow:hidden;
	display:block;
	text-decoration: none;
	text-align: center;
}
.custVideoBox .bot .icon {
	width:165px;
	height:28px;
	overflow:hidden;
}
.custVideoBox .bot .icon a.icoDl {
	float:left;
	display:block;
	width:91px;
	height:28px;

}
.custVideoBox .bot .icon a.icoView {
	float:left;
	display:block;
	width:71px;
	height:28px;
	background:url(../images/btn_video_view.gif);
	overflow:hidden;
}
.custVideoBox .bot .icon a:hover {
	background-position:0 28px;
}
.videoView {
	width:640px;
	height:390px;
	padding:6px;
	margin:25px auto 15px;
	background:url(../images/video_view_bg.gif) no-repeat;
	overflow:hidden;
}

/* Careers 菁英招募 */
.commSti{ font-size: 15px; color: #0c55a5; background: url(../images/sti_line.gif) no-repeat left bottom; padding-bottom: 7px ; margin-bottom: 15px}
.commSSti{ font-size: 13px; color: #0c55a5; background: url(../images/icon_1.gif) no-repeat 0 6px; padding-left: 10px; margin-bottom: 5px}
.careerWrap{ width: 715px; overflow: hidden; line-height: 21px; color: #656565; background: url( ../images/n_careers_bg01.gif) no-repeat 0 3px; padding-top: 70px; margin-bottom: 50px}
.careerWrap.career2Bg{ background: url(../images/n_careers_bg03.gif) no-repeat 0 132px; padding-top: 0; margin-bottom: 25px}
.careerWrap p{ overflow: hidden; margin:0 0 35px }
.careerWrap p a.mailto{ color: #30c2ef; text-decoration: underline}
.careerWrap p.part1{ width: 366px; }
.careerWrap p.empty{ border: 1px dotted #d2d2d2; text-align: center; color: #b2b2b2; padding: 10px 0}
.careerWrap p.imgTxt{ background: url(../images/CA_careers.png) no-repeat ;text-indent: -9999px; height: 39px; margin-top: 50px} 
.careerWrap p.imgTxt2{ background: url(../images/CA_careers02.jpg) no-repeat ;text-indent: -9999px; height: 56px; margin: 0 0 25px 45px} 
.careerWrap p.global{margin:0 0 15px}
.careerWrap .bg2{ background: url(../images/n_careers_bg02.gif) no-repeat ; padding-top: 240px}
.careerWrap p.caInfo{ background: url(../images/CA_careers03.gif) no-repeat; margin: 0 0 55px 45px; width: 533px; min-height: 17px; padding-left: 137px}
.careerWrap p.caInfo .free{ margin-right: 40px}
.careerWrap span.add{ background: url(../images/aw_point.gif) no-repeat; padding-left: 15px}
.careerWrap span.tel{ background: url(../images/aw_tel.gif) 0 -3px no-repeat; padding-left: 15px}
.careerWrap span.free{background: url(../images/aw_free.png) 0 0 no-repeat; width: 33px; height: 13px; display: inline-block; text-indent: -9999px; line-height: 12px; float: right; margin: 2px 0 0 0}
.careerWrap .map{ background: url(../images/career_map.gif) no-repeat; position: relative; width: 715px; height: 304px}
.careerWrap .map div{ width: 102px; height: 85px; position: absolute; vertical-align: top; opacity:.5}
.careerWrap .map .taiwan{ right: 6px; top: 182px;}
.careerWrap .map .china{ right: 123px; top: 149px;}
.careerWrap .map .europe{ left: 317px; top: 136px;}
.careerWrap .map .america{ left: 34px; top: 174px;}
.careerWrap .group{ width: 330px;overflow: hidden; float: left; margin: 0 25px 25px 0; height: 150px}
.careerWrap .group .sTi{ background: url(../images/aw_point02.gif) no-repeat ; color: #014099; font-weight: bold; padding-left: 15px; margin-bottom: 10px; font-size: 13px}
.careerWrap .group .item{ margin: 0 0 0 15px; padding: 0;}
.careerWrap .group .item li{ padding: 0 0 8px; line-height: 16px;list-style: none;}
.careerWrap .group .item li.free{ background: url(../images/aw_free.png) 260px -1px no-repeat;}
.careerWrap .group .item li span{ color: #000}
ul.careerItem{ margin: 0 0 25px ; padding: 0; list-style: none; width: 705px; padding-left: 10px; overflow: hidden}
ul.careerItem li{ line-height: 14px; display: block; padding: 0 0 8px 13px; list-style: none; background: url(../images/aw_dot.gif) no-repeat 0 3px ; }
a.moreJob{ width: 144px ; height: 27px; overflow: hidden; background: url(../images/more_jobs.gif)no-repeat; text-indent: -9999px; display: block; margin: 0 auto; border-radius: 5px 0 5px 5px ;-webkit-border-radius: 5px 0 5px 5px;	-moz-border-radius: 5px 0 5px 5px;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5); box-shadow: 0 1px 5px rgba(0,0,0,0.5);} 
a.moreJob:hover{ background-position: 0 -27px;}
.imgBlack{
	filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; 
}
.cTxt700 {
	width:700px;
	line-height:24px;
	padding:0 10px;
	overflow:hidden;
}
.showCaseWrap {
	width:720px;
	overflow:hidden;
}
.showCaseWrap .leftBox { width: 385px; float: left; overflow: hidden;}
/* show case 成果展示 */
.showInfo{ width: 715px; overflow: hidden; line-height: 21px; color: #656565;}
.showInfo .leftTxt{ width: 430px; overflow: hidden; float: left }
.showInfo .picBox{ width: 265px; overflow: hidden; float: right; height: 200px; margin-right: 10px}
.positionR{ position:relative}
.showInfo span.corner{ width: 125px; height: 113px; overflow: hidden; position: absolute; right: 0; bottom: 0; background: url( ../images/corner.png) no-repeat; display: block}

#showCase .topBox { padding: 15px 20px 5px; width: 680px; height: 40px; background: url(../images/case_search_bg.gif) no-repeat 0 0; overflow: hidden;}
#showCase .topBox table {
	width: 680px;
}
#showCase .topBox th.title {
	color: #000;
	font-weight: normal;
	text-align: left;
	background: url(../images/icon_3-2.gif) 0 center no-repeat;
}
#showCase .topBox th.industry {
	padding-left: 10px;
	width: 50px;
}
#showCase .topBox select {
	margin-right: 10px;
	padding: 2px;
	width: 320px;
	color: #555;
	font-size: 11px;
	border: 1px solid #ddd;
}
#showCase .topBox td.btn {
	width: 290px;
}
#showCase .topBox .btnSend {
	display: block;
	width: 71px;
	height: 26px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/search_btn.png) 0 0 no-repeat;
	border: 0;
}
#showCase .topBox .btnSend:hover {
	background-position: -71px 0;
}

.showCaseWrap .itemTitle span {
	display: inline-block;
	padding: 0 15px 0 25px;
	height: 26px;
	color: #222;
	line-height: 26px;
	background: url(../images/icon_5.gif) 5px center no-repeat;
	border-bottom: 1px solid #000;
}

.picWrapB {
	position: relative;
	width: 385px;
	float: left;
	margin-top: 20px;
}

/* Frame */
.picWrapB .frame {
	width: 321px;
	height: 140px;
	overflow: hidden;
	margin: 0 auto;
}
.picWrapB .frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 140px;
}
.picWrapB .frame ul li {
	margin: 0 5px;
	float: left;
	width: 96px;
	height: 140px;
	overflow: hidden;
	cursor: pointer;
}
.picWrapB .frame ul li.active {

}

/* Scrollbar */
.picWrapB .scrollbar {
	margin: 0 auto;
	width: 321px;
	height: 5px;
	background-color: #eee;
	line-height: 0;
	height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.picWrapB .scrollbar .handle {
	width: 100px;
	height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	background-color: #afd6e3;
	cursor: pointer;
}
.picWrapB .scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Controls */
.picWrapB .controls .btn {
	position: absolute;
	top: 25px;
	display: block;
	width: 30px;
	height: 82px;
	overflow: hidden;
	text-indent: -9999px;
	border: 0;
	outline: none;
	cursor: pointer;
}
.picWrapB .controls .prevPage {
	left: 0;
	background: url(../images/btn_prev.png) 0 0 no-repeat;
}
.picWrapB .controls .nextPage {
	right: 0;
	background: url(../images/btn_next.png) 0 0 no-repeat;
}
.picWrapB .controls .prevPage:hover,
.picWrapB .controls .nextPage:hover {
	background-position: 0 -82px;
}

.picWrapB .frame ul li .gBox {
	padding: 7px;
	width: 82px;
	overflow: hidden;
}
.picWrapB .frame ul li .gBox .img {
	display: block;
	width: 82px;
	height: 82px;
	overflow: hidden;
}
.picWrapB .frame ul li .gBox .txt {
	display: block;
	margin-top: 7px;
	width: 82px;
	overflow: hidden;
	color: #555;
	text-decoration: none;
	text-align: center;
}
.picWrapB .frame ul li .gBox:hover {
	background-color: #ddd;
}
.picWrapB .frame ul li .gBox:hover .txt {
	color: #000;
}

/* 1202 showList */
.showList{ padding-left: 5px; width: 745px; overflow: hidden}
.showList .group{ width: 230px; overflow: hidden; float: left; background: url(../images/show_box2.gif) right 0 no-repeat; height: 105px; margin: 0 10px 15px 0; padding-top: 10px; cursor: pointer}
.showList .group .img{ width: 110px; float: left; margin: 10px 5px 10px 0; padding:1px; border: 1px solid #eee; height:75px; overflow: hidden }
.showList .group .title{ width: 98px; float: left; margin:10px 5px}
/* 1202 showList */
.shvBar {
	width:720px;
	min-height:10px;
	padding:10px 0; 
	background:url(../images/showcase_bar.gif) no-repeat bottom;
	overflow:hidden;
}
.shvBar span {
	display:block;
	width:695px;
	padding:0 0 0 25px;
	line-height:20px;
	background:url(../images/icon_scv.png) no-repeat 5px 5px;
}
.showCaseWrap .fontBox{ width: 370px; overflow: hidden; float: left; line-height: 21px;	padding: 10px; float: left;color:#979797; }
.showCaseWrap .videoBig{ width: 320px; overflow: hidden; float: right; margin-top: 16px }
.showCaseWrap .videoBig .bg{ background: url(../images/show_view_vbg.gif) no-repeat center bottom; padding-bottom: 12px}

.showCaseWrap .videoBig iframe{ border: 1px solid #d6d6d6;}
.showCaseWrap .videoBig .iconBox { margin: 0 auto; width: 210px; height: 28px; overflow: hidden;}
.showCaseWrap .videoBig .iconBox a { display: block; width: 210px; height: 28px; text-indent: -9999px; background: url(../images/show_view_icon.gif) no-repeat 0 0; overflow: hidden;}
.showCaseWrap .videoBig .iconBox a:hover { background-position: 0 -28px;}

/* Tabs */
.showCaseWrap .tabsWrap {
	margin-top: 10px;
	width: 720px;
}
.showCaseWrap .tabsWrap .btnBox {
	width: 720px;
	height: 25px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.showCaseWrap .tabsWrap .tabs {
	margin: 0;
	padding: 0;
	width: 720px;
	height: 26px;
	overflow: hidden;
	list-style: none;
}
.showCaseWrap .tabsWrap .tabs li {
	float: left;
	margin-right: 6px;
}
.showCaseWrap .tabsWrap .tabs a {
	display: block;
	padding: 0 10px;
	height: 24px;
	overflow: hidden;
	color: #000;
	line-height: 24px;
	text-decoration: none;
	background: url(../images/tabs_1.gif) 0 0 repeat-x;
	border: 1px solid #d6d6d6;
	/* 圓角 */
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: none;
}
.showCaseWrap .tabsWrap .tabs .current,
.showCaseWrap .tabsWrap .tabs .current:hover,
.showCaseWrap .tabsWrap .tabs li.current a {
	cursor: default;
	color: #fff;
	background-image: url(../images/tabs_2.gif);
	border: 1px solid #0b8bcf;
}
.showCaseWrap .panesWrap {
	margin-top: 10px;
	width: 720px;
	overflow: hidden;
}
.showCaseWrap .panesWrap .paneBox {
	position: relative;
	padding: 15px 0 20px;
	width: 720px;
	overflow: hidden;
}

.showCaseWrap .sList{ width: 768px; overflow: hidden}
.showCaseWrap .sList .sGroup{ width: 142px; margin: 15px 50px 0 0; float: left; text-align: center; }
.showCaseWrap .sList .sGroup .pic{ width: 140px; height: 140px; padding: 1px ; /*background: url(../images/show_prod_bg.gif) no-repeat*/ }
.showCaseWrap .sList .sGroup .name{ width: 130px; text-align: center; overflow: hidden; font-size: 13px; color: #004998; margin: 0 auto; white-space:nowrap; text-overflow: ellipsis;}
.showCaseWrap .sList .sGroup .name a{ text-decoration: underline; color: #004998}
.prTxt490L {
	width:490px;
	line-height:24px;
	padding:10px 220px 10px 10px;
	color:#979797;
	background:url(../images/policy_pic_1.gif) no-repeat 510px 20px;
	overflow:hidden;
}
.prTxt490L span {
	color:#004998;
}

.sitemapWrap {
	width:720px;
	overflow:hidden;
}
.sitemapBox {
	float:left;
	width:120px;
	margin:10px 10px;
	overflow:hidden;
}
.sitemapBox .ti {
	width:120px;
	height:33px;
	line-height:33px;
	text-align:center;
	color:#004998;
	background:url(../images/sitemap_bg.gif) no-repeat;
	overflow:hidden;
}
.sitemapBox ul {
	padding:0;
	margin:0;
	list-style:none;
}
.sitemapBox ul li {
	width:120px;
	padding:3px 0;
	overflow:hidden;
}
.sitemapBox ul li a {
	display:block;
	width:110px;
	padding-left:10px;
	line-height:18px;
	color:#606573;
	text-decoration:none;
	background:url(../images/icon_7.gif) no-repeat 3px 8px;
	overflow:hidden;
}
.sitemapBox ul li a:hover {
	color:#004998;
	background:url(../images/icon_2.gif) no-repeat 3px 8px;
}

.guideWrap {
	width:720px;
	height:100px;
	background:url(../images/constructing.gif) no-repeat 50% 50%;
	overflow:hidden;
}
#btnBack {
	width:62px;
	height:27px;
	margin:15px auto;
	overflow:hidden;
	text-indent: -9999px;
}
#btnBack a {
	display:block;
	width:62px;
	height:27px;
	background:url(../images/icon_back.gif);
	overflow:hidden;
}
#btnBack a:hover {
	background-position:0 27px;
}
/* 頁碼 */
#pageNum {
	margin: 0 auto;
	width:720px; 
	padding:15px 0 40px 0;
	overflow:hidden; 
	text-align:center;
}
#pageNum .btnPrev, #pageNum .btnNext { display:inline-block; padding-right:20px; width:62px; height:27px; overflow:hidden; text-indent:-999px;}
#pageNum .btnPrev { background-image:url('../images/page_prev.png'); background-repeat:no-repeat;}
#pageNum .btnNext { padding:0; padding-left:20px; background-image:url('../images/page_next.png'); background-repeat:no-repeat; background-position:right top;}
#pageNum .btnPrev:hover { background-position:0 -27px; background-color:#FFF;}
#pageNum .btnNext:hover	{ background-position:right -27px; background-color:#FFF;}
#pageNum a, #pageNum span { display:inline-block; width:20px; height:18px; color:#000; font-size:12px; overflow:hidden; line-height:18px; vertical-align:middle; text-decoration:none;}
#pageNum a:hover, #pageNum span { color:#004998; font-weight:bold;}

/* 會員登入 */
.memberBox { margin: 15px auto 10px; padding-top: 55px; width: 500px; min-height: 155px; background: url(../images/p_member_bg.gif) no-repeat 0 0; overflow: hidden;}
.memberBox table { margin: 0 auto; width: 325px; line-height: 24px; border: 0; border-collapse: collapse; border-spacing: 0; overflow: hidden;}
.memberBox table th, .memberBox table td { padding: 5px 0;}
.memberBox table th { width: 70px; text-align: left; font-variant: normal; overflow: hidden;}
.memberBox table td { width: 255px; overflow: hidden;}
.memberBox table td input { padding-left: 5px; width: 250px; height: 22px; border: #ccc solid 1px; overflow: hidden;}
.memberBox table td input.code { width: 143px;}
.memberBox table td span { display: inline-block; margin-left: 5px; width: 100px; height: 24px; vertical-align: middle; text-align: center; background-color: #ccc; overflow: hidden;}
.memberBox table td.btn { padding-left: 70px;}
.memberBox table td.btn input { height: 28px; text-indent: -9999px; border: 0;}
.memberBox table td.btn input.btnReset { width: 65px;	background-image: url(../images/btn_refill.gif);}
.memberBox table td.btn input.btnSubmit {	width: 75px; background-image: url(../images/btn_submit.gif);}
.memberBox table td.btn input:hover { position: relative; top: 1px; left: 1px;}

/* 應用產業 - 文章 */
#appWrap .itemTitle.article { height: 21px;}
/* wenfer 20150731 加入start */
.p {height: 14px;}
/* wenfer 20150731 加入 end */
.itemTitle.article span { display: block; margin-left: 20px; height: 20px; background: url(../images/result_item3.gif) no-repeat;}
.articleWrap { padding: 10px 0 20px; width: 950px; overflow: hidden;}
.articleWrap .box { padding: 15px 20px; width: 910px; overflow: hidden;}
.articleWrap .box .pic { width: 124px; float: left; overflow: hidden;}
.articleWrap .box .pic a { display: block; padding: 1px; width: 120px; height: 90px; border: #ccc solid 1px; overflow: hidden;}
.articleWrap .box .info { padding-top: 10px; width: 765px; float: right; overflow: hidden;}
.articleWrap .box .info .ti { padding-bottom: 8px; background: url(../images/line.gif) repeat-x bottom;}
.articleWrap .box .info .ti a { color: #333; text-decoration: none;}
.articleWrap .box .info .txt { padding-top: 8px; color: #666; line-height: 20px;}
.articleWrap .box:hover { background-color: #f2f2f2;}
.articleWrap .box:hover .info .ti a { color: #004998;}

#editorArticle { padding: 50px 10px 30px 20px; width: 850px; height: 420px; overflow: hidden;}
#editorArticle .content { width: 850px; height: 420px; overflow: hidden;}

#divhidden {display:none;}
#divvisible {display:block;}

/*