@charset "utf-8";
@import url("reset.css");


/*body 共用*/
html{scrollbar-3dlight-color:#ccc; scrollbar-highlight-color:#fff; scrollbar-arrow-color:#999; scrollbar-base-color:#ddd;scrollbar-darkshadow-color:#fff; scrollbar-shadow-color:#999; scrollbar-face-color:#ddd; scrollbar-track-color:#eee; }
body,p,form {
	margin: 0px;
	padding: 0px;
}
body,td {color: #555;}
a {color: #000;text-decoration: none;}
a:hover{color: #ccc;}


/*png 圖片透明(共用)*/
.img {behavior: url("iepngfix.htc"); }

/*元件(共用)*/
.input1,.input3{color: #000;background-color: #FFF;border: 1px solid #ccc; padding:3px;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.clearAll{ clear:both;}

/*wrapper 主要框架(共用)*/
#wrapperIndex{width: 1000px;margin:0 auto;overflow:hidden;}
#wrapper{width: 1000px;margin:0 auto;overflow:hidden;  background: rgb(191,191,191); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(191,191,191,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,191,191,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(191,191,191,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */}
.wrapper2{ background:url(../images/all/pageBg.png); overflow:hidden;}
.contentBg{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NzFiOSIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(5,113,185,0.1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,113,185,0.1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0571b9', endColorstr='#1affffff',GradientType=0 ); /* IE6-8 */


}
.contentLineBg{ background-image:url(../images/all/indexLineBg.png); background-repeat:repeat-y;background-position: top; background-position:center;}
.left{ width:235px;overflow:hidden; float:left; padding:0 0 30px 0; min-height:585px; }
.right{ width:708px; float:left; min-height:585px;  padding:0 29px 30px 28px; background-color: #FFF; }

/*選單(共用)*/
.menuBg{ background-image:url(../images/menu/menuBg.png); background-repeat:repeat-x; height:142px;}
.menu,.translation,.middleMenu{width: 1000px;margin:0 auto;}
.translation{ height:23px;}
.translation li{ float:right;}
.translation li,.translation li a{ line-height:19px; font-size:13px; color: #000;}
.translation li a:hover{ color: #999;}
.searchList li select {color: #999;}
.searchList li a img:hover {opacity:0.7; filter:alpha(opacity=70);}
.middleMenu{ height:89px; }
.menuLogo{ float:left; width:346px;}
.searchList{ float:right; height:59px; padding:30px 0 0 0;}
.searchList li{ float:left; margin:0 6px 0 6px;  font-size:14px; }
.series,.classification{ width:130px;}
.inputSearch{color: #000;background-color: #FFF;border: 1px solid #ccc; width:130px;}

/*右邊title*/
.rightTitle{width:708px; height:38px; font-size:12px; color:#777; word-spacing:0px; text-align:right; padding:35px 0 0 0; margin-bottom:20px; }
.rightTitle_p1_1{ background-image:url(../images/rightTitle/p1_1.png); }
.rightTitle_p1_2{ background-image:url(../images/rightTitle/p1_2.png); }
.rightTitle_p1_3{ background-image:url(../images/rightTitle/p1_3.png); }
.rightTitle_p2{ background-image:url(../images/rightTitle/p2.png); }
.rightTitle_p3{ background-image:url(../images/rightTitle/p3.png); }
.rightTitle_p4{ background-image:url(../images/rightTitle/p4.png); }
.rightTitle_p5{ background-image:url(../images/rightTitle/p5.png); }
.rightTitle_p6{ background-image:url(../images/rightTitle/p6.png); }
.rightTitle_p7{ background-image:url(../images/rightTitle/p7.png); }
.rightTitle_p8{ background-image:url(../images/rightTitle/p8.png); }

/*頁首banner*/
.bannerBg{ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1NzFiOSIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(5,113,185,0.1) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,113,185,0.1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(5,113,185,0.1) 0%,rgba(255,255,255,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0571b9', endColorstr='#1affffff',GradientType=0 ); /* IE6-8 */
}
.banner{ height:390px; padding-top:13px;}
.indexContent{width: 1000px;margin:0 auto;}

/*首頁跑馬燈*/
.stepcarousel { width: 944px;margin:0 auto; position:relative; overflow:hidden; min-height:192px;  }
.belt { position:absolute; }
.panel { float:left; margin:0px 20px 0px 20px;  width:165px; overflow:hidden;}

.subfeature { display:block;  width:162px;}
.subfeature-txt {
	background-image: url(../images/index/icon.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left:15px;
	word-break:break-all; 
}
.subfeature-txt a { color: #000; line-height:22px; text-align:justify; font-size:14px;}
.subfeature-txt a:hover {color:#0574b9;}
.subfeatuePic{width:160px;height:120px;border: 1px solid #999; display:table-cell; text-align:center; vertical-align:middle;}
.subfeatuePic a img:hover {opacity:0.7; filter:alpha(opacity=70);}
.scrollbut:hover{opacity:0.7; filter:alpha(opacity=70);}

/*左側選單(共用)*/
.sidebar{float: left;width: 200px;}

/*路徑(目前所在位置)(共用)*/
.nav{text-align: right;}

/*page 主要內容(共用)*/
.main{overflow: hidden;float: right;width: 750px;}


/*footer 頁尾(共用)*/
.footerBg{background: rgb(99,194,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzYzJmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTc0YjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(99,194,249,1) 0%, rgba(5,116,185,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,194,249,1)), color-stop(100%,rgba(5,116,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(99,194,249,1) 0%,rgba(5,116,185,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(99,194,249,1) 0%,rgba(5,116,185,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(99,194,249,1) 0%,rgba(5,116,185,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(99,194,249,1) 0%,rgba(5,116,185,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63c2f9', endColorstr='#0574b9',GradientType=0 ); /* IE6-8 */
 height:120px;}
.footer{width: 1000px;margin:0 auto; padding:12px 0 0 0;}
.footer li{ float:left;}
.footer li,.footer li a{ font-size:12px; color:#FFF; line-height:24px;}
.footer li a:hover,.footer2 a:hover{ text-decoration:underline;}
.footer2{width: 1000px;margin:0 auto; text-align:center; }
.footer2,.footer2 a{font-size:12px; line-height:24px; color:#666;}

/*form 表單(共用)*/
.page_form {overflow: hidden; border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DFDFDF; margin:5px 0 5px 0;}
.page_form .name{
	float: left;
	width: 90px;
	text-align: right;
	text-align:left;
	background-image: url(../images/all/icon2.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-position: 5px;
}
.page_form .text{overflow: hidden; padding: 5px;}

/*線(共用)*/
.line1{border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;}

/*文字(共用)style*/

.white {color: #fff;}
.blue {color: #0574b9;}
.red {color: #CC0000;}
.green {color: #6daf1a;}
.orange {color: #FF6600;}
.yellow {color: #FFFF00;}

/*leftMenu*/
.leftMenu li{float:left;width:215px; margin:10px 10px 0 10px;}
/*p1關於匡信*/
.LeftItem li{float:left;width:215px; margin:10px 10px 0 10px;}
.aboutPic{ background-image:url(../images/p1/pic02.jpg); background-repeat:no-repeat; background-position:bottom; min-height:240px; margin:0 0 2px 0;}
/*p1營業據點*/
.location{ overflow:hidden;}
.location li{ width:345px; float:left;padding:0 0 25px 0;}
.locationTitle{ font-weight:bold; margin:0 0 5px 0;}
.locationContent{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #ccc; line-height:20px; padding:12px;  letter-spacing:1px;}
.locationContent a{color: #555;line-height:20px;}
.locationContent a:hover{ text-decoration:underline;}
.locationBtn{ text-align:center; padding:10px 0 0 0;}
.locationBtn a img:hover {opacity:0.7; filter:alpha(opacity=70);}
/*p1人才招募*/
.careersTable{background-color: #DEF2FE;}
.careersTable tr th,.careersTable tr td{border: 1px solid #FFF;}
.careersTable tr th{ color: #FFF;background: rgb(88,163,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(88,163,206,1) 0%, rgba(5,116,185,1) 74%, rgba(5,116,185,1) 74%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,163,206,1)), color-stop(74%,rgba(5,116,185,1)), color-stop(74%,rgba(5,116,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a3ce', endColorstr='#0574b9',GradientType=0 ); /* IE6-9 */ color:#FFF; font-size:16px; letter-spacing:3px;}
.careersTable .creersTr1{background-color: #C9EAFE;}
/*p2榮耀證照*/
.honorList li{ float:left; position:relative;}
.honorList li a img:hover{opacity:0.7; filter:alpha(opacity=70);}
.honorTitle{
	position:absolute;
	background-color:#0574b9;
	color:#FFF;
	padding:4px 5px 0 5px;
	width:210px;
	height:30px;
	z-index:999;
	left: 8px;
	top: 138px;
	opacity:0.7;
	filter:alpha(opacity=70);
	letter-spacing:0px;
}

/*p3產品介紹*/
.leftTitle,.productItem{ float:left;}
.productItem li{ float:left;width:215px; background-color:#7d7d7d; min-height:62px; margin:10px 10px 0 10px;word-break:break-all; }
.productItem li {background: rgb(183,183,183); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(183,183,183,1) 0%, rgba(125,125,125,1) 74%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,183,183,1)), color-stop(74%,rgba(125,125,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(183,183,183,1) 0%,rgba(125,125,125,1) 74%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(183,183,183,1) 0%,rgba(125,125,125,1) 74%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(183,183,183,1) 0%,rgba(125,125,125,1) 74%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(183,183,183,1) 0%,rgba(125,125,125,1) 74%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#7d7d7d',GradientType=0 ); /* IE6-9 */
}
.productItem li:hover{ background: rgb(88,163,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(88,163,206,1) 0%, rgba(5,116,185,1) 74%, rgba(5,116,185,1) 74%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,163,206,1)), color-stop(74%,rgba(5,116,185,1)), color-stop(74%,rgba(5,116,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a3ce', endColorstr='#0574b9',GradientType=0 ); /* IE6-9 */
}
.productPic{width:100px;padding:6px;float:left;min-height:50px;}
.productName{width:97px;color:#FFF;float: left; padding:0 6px 0 0; }
.productName2{ width:97px; height:50px; vertical-align:middle; display:table-cell;line-height:16px; font-size:14px; padding:6px 0px; }
.productItem .productItemOn {background: rgb(88,163,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(88,163,206,1) 0%, rgba(5,116,185,1) 74%, rgba(5,116,185,1) 74%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,163,206,1)), color-stop(74%,rgba(5,116,185,1)), color-stop(74%,rgba(5,116,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a3ce', endColorstr='#0574b9',GradientType=0 ); /* IE6-9 */
}

.productTitle{color: #FFF;background: rgb(88,163,206); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(88,163,206,1) 0%, rgba(5,116,185,1) 74%, rgba(5,116,185,1) 74%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,163,206,1)), color-stop(74%,rgba(5,116,185,1)), color-stop(74%,rgba(5,116,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(88,163,206,1) 0%,rgba(5,116,185,1) 74%,rgba(5,116,185,1) 74%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58a3ce', endColorstr='#0574b9',GradientType=0 ); /* IE6-9 */
 padding:0 10px; min-height:30px; width:688px; vertical-align:middle; display:table-cell;}
.productItme{ overflow:hidden; margin:10px 0 0 0; }
.productItme li { float:left; margin:0 15px 20px 0;}

/*編碼*/
.number { margin:20px 0 0px 0; text-align: center;}
.number a {border:#0d5296 1px solid;padding:1px 6px;margin:0 2px;}
.number_btn {background-color:#abd5ff;border:#6b9bc8 1px solid;}
.number_on,.number a:hover {background-color:#195b9b;color:#fff;}

/*p3產品介紹detail*/
.productDetailTop{ overflow:hidden; padding:20px 0;}
.productDetailTopLeftPic{ float:left; width:320px; height:240px;}
.productDetailTopLeftPic2{ width:320px; height:240px;border: 1px solid #999; display:table-cell; text-align:center; vertical-align:middle;}
.productDetailTopRightTxt{ float:left; width:368px; padding-left:20px; text-align:justify;}
.productDetailBtn{ text-align:center; padding:0 0 20px 0;}
.productDetailBtn a img:hover{ opacity:0.7; filter:alpha(opacity=70);}
.productDetailContent{padding:0 0 20px 0; text-align: center;}
.backBtn{ text-align:center; padding:20px 0; border-top: 1px solid #999;}
.backBtn a img:hover {opacity:0.7; filter:alpha(opacity=70);}
.productDetailTxt{ margin:0 0 20px 0;}
/*p7聯絡我們*/
.contactPic{background-color:#DEF2FE;  -webkit-border-radius: 10px; color:#000;
-moz-border-radius: 10px;
border-radius: 10px; padding:20px; text-align:center; line-height:28px; margin-bottom:20px;}
.contactBtn{text-align:center;margin:20px 0 0 0;}