@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{ font-family:"微軟正黑體", sans-serif, serif; line-height:170%; font-size:16px; color:#555;}
a {color: #555;text-decoration: none;}
a:hover{color: #ccc;}

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

/*元件(共用)*/
.input1{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}

/*wrapper 主要框架(共用)*/
.wrapper{ background:url(../images/all/contentBg2.png); margin:0 auto;overflow:hidden; min-height:300px; padding:358px 0 0 0; width:1200px; min-width:1200px;}
.contentTopBg{ background:url(../images/all/contentTopBg.png) top center no-repeat; min-height:162px;}
.contentButoonBg{ background:url(../images/all/contentButoonBg.png) bottom center no-repeat; height:130px;}
.content{ background:url(../images/all/contentBg.png) repeat center ; overflow:hidden; min-height:600px; }
#menuBg{ width: 1200px;margin:0 auto;  height:130px; background:url(../images/all/logo.png) left no-repeat;min-width:1200px; cursor:pointer; }
#menuCenter{position:absolute; z-index:999; ;overflow:hidden;}

/*頁首*/
.indexBg{ background:url(../images/index/bg.png) center;height:268px; min-width:1200px;}
.index_wrap{ width:1200px; margin:0 auto; overflow:hidden; }
.indexProductList{ float:left; /*width:1200px; min-width:1200px; margin:0 auto;*/ margin:0 10px 0 0; padding:0; overflow:hidden;}
.indexProductList li{ padding:25px 3px 0 3px; float:left;cursor:pointer; }
.indexProductList li:hover{opacity:0.8;filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */}
.indexProductList li h1{ background:url(../images/index/productBg.png); width:166px; height:166px; display:table-cell; text-align:center; vertical-align:middle;}
.indexProductList li h2{ -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; padding:3px 5px; width:140px; overflow:hidden; text-align:center; opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */ margin:12px auto 0 auto; font-size:17px;text-shadow:1px 1px 2px #fff,2px 2px #fff,-1px -1px 2px #fff,-2px -2px #fff; background:#FFF ; height:28px;overflow : hidden;text-overflow : ellipsis;white-space : nowrap; color:#000;}
.index_youtube{ float:left; width:290px; height:180px; background:url(../images/index/hot.png) left top no-repeat; margin:14px auto 0 auto; padding:54px 0 0 30px;}

/*首頁banner*/
.fullSlide {width:100%;position:relative;height:560px; min-width:1200px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:560px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:560px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}

/*頁首Footer*/

.footerBg{ background:url(../images/index/indexFooterBg.png) repeat-x top; height:157px;}
.footerBg2{ background: url(../images/all/indexFooterBg2.png) repeat-x top; height:157px;}
.footerTxt{margin:0 auto; width:1200px; min-width:1200px; color:#999; padding:30px 0 0 0; font-size:15px; position:relative;}
.footerTxt a{color:#999; font-size:15px;}
.footerTxt a:hover{ text-decoration:underline;}
.footerTop{ width:45px; height:45px; position:absolute; right:0; top:30;}
.footerTop a img:hover{opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */}

/*p1關於我們*/
.mainContent2{ padding:30px 0 0 50px; overflow:hidden; /*background:url(../images/p1/pic.png) bottom right no-repeat;*/}
.aboutPic2{ clear:both; display:block; width:860px; height:450px; background:url(../images/p1/pic.png) bottom right no-repeat;}

.aboutPic li img{ width:230px; height:329px; float:left; margin:15px 20px 0 20px; border:1px solid #ccc;}
.aboutPic li:hover{opacity:0.7;filter:alpha(opacity=70)}

/*p2產品介紹*/
.left{ float:left; width:240px; overflow:hidden;}
.right{ float:left; width:910px; overflow:hidden;padding:25px 50px 0 0;}
.productList{ overflow:hidden; margin:115px auto 0 auto; width:160px;}
.productList li{ background:url(../images/all/icon.png) no-repeat left 10px; padding:0 0 0 22px; overflow:hidden;word-break:break-all; width:160px; margin:0 0 22px 0;}
.productList li a:hover,.productList li a.on{ color:#1f7493;}
.pageMap{ text-align:right; font-size:14px; color:#999;}
.title{ padding:0 0 0 50px; font-size:30px;}
.productItem{ overflow:hidden; }
.productItem li{margin:50px 0 0 50px; border:#d2d2d2 1px solid; overflow:hidden; width:250px; float:left; height:295px; overflow:hidden;}
.productItem li:hover{border:#2b9bc4 1px solid;}
.productPic{ width:250px; height:248px; float:left;}
.productPic2{width:250px; height:248px;text-align:center; display:table-cell; vertical-align:middle;}
.productName{width:250px; height:47px; color:#FFF; background:#2b9bc4; float:left;}
.productName2{width:250px; height:47px;text-align:center; display:table-cell; vertical-align:middle; line-height:18px; overflow:hidden;}
.title2{ padding:20px 0 0px 50px; font-size:30px; color:#1f7493;}
.mainContent{ padding:20px 0 0 50px; overflow:hidden;}
.productDietailMain{ overflow:hidden;}
.productDietailPic{ width:360px; height:357px;border:#d2d2d2 1px solid; overflow:hidden;float: left; margin:0 50px 0 0;}
.productDietailPic2{ width:360px; height:357px; text-align:center; display:table-cell; vertical-align:middle;}
.productDietailPic2 a img:hover{opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */}
.productDietailTxt{ float: left; width:440px; overflow:hidden;}
.btn{ margin:40px 0 40px 0; overflow:hidden; text-align:center;}
.btn a img{ margin:0 26px;}
.btn a img:hover{opacity:0.7;filter:alpha(opacity=70)}
.tP1{ margin:40px 0 0 0;}
.t1 ol{ list-style-type: decimal; list-style-position:inside;}
.t1 ul{ list-style-type: disc;list-style-position:inside;}

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

/*p3工程實績*/
.experienceList{ margin:15px 0 15px 0; overflow:hidden;}
.experienceList li{ float:left; color:#2b9bc4; background:#e9f4f8; margin:10px 10px 10px 0px;-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; width:162px; text-align:center; font-size:15px; padding:1px 0;}
.experiencePic li{ background:url(../images/p3/bg.png); width:203px; height:157px; float:left; margin:15px 12px 0 0;}
.experiencePic li:hover{opacity:0.7;filter:alpha(opacity=70)}
.experiencePic li img{ margin:6px 0 0 10px; }

/*p4問與答*/

#qaContent h3 {
	width: 860px;
	height: 22px;
	text-indent: -9999px;
}

#qaContent ul.accordionPart {
	margin: 10px 0px 50px 0px;
}
#qaContent ul.accordionPart li {
	padding-bottom: 12px;
	margin-top: 12px;
}
#qaContent ul.accordionPart li .qa_title {
	background: url(../images/p4/bg.png) no-repeat left top;
	width:860px;
	height:35px;
	display:table-cell;
	vertical-align:middle;
	color: #1f7493;
	cursor: pointer;
	padding:0 0 0 60px;
}

#qaContent ul.accordionPart li .qa_title:hover {opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */}
#qaContent ul.accordionPart li .qa_content {
	padding:20px 50px 0 60px;
}

/*p6聯絡我們*/
.mainContent3{ padding:30px 0 0 50px; overflow:hidden; }
.formWrap { }
.formWrap input, .formWrap textarea { color:#000; font-size:15px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
.formWrap li { margin:0 0 20px 0; }
.formWrap li.f { margin-left:-2%; }
.formWrap li.f .row { float:left; width:48%; margin-left:2%; margin-bottom:20px;}
.formWrap .input1, .formWrap .input2, .formWrap .input3 { width:99%; padding:10px; border:0; border-top:2px solid #2b9bc4; -webkit-box-shadow: #CCC 0px 0px 4px;
-moz-box-shadow: #CCC 0px 0px 3px; box-shadow: #CCC 0px 0px 3px; behavior: url(/pie/PIE.htc);}
.formWrap li .input2 { resize:vertical;  }
.formWrap li .input3 { width:100px; border-top:2px solid #e43000; color:#900; font-weight:bold; text-align:center; }

.formWrap .input1:focus, .formWrap textarea:focus { -webkit-box-shadow: #2b9bc4 0px 0px 4px; -moz-box-shadow: #2b9bc4 0px 0px 4px; box-shadow: #2b9bc4 0px 0px 4px; behavior: url(/pie/PIE.htc);   }
.formWrap .input3:focus { -webkit-box-shadow: #e43000 0px 0px 3px; -moz-box-shadow: #e43000 0px 0px 4px; box-shadow: #e43000 0px 0px 4px; behavior: url(/pie/PIE.htc);  }
.formBtn { text-align:center; }
.formBtn input { background:#2b9bc4; color:#FFF; padding:5px 30px; margin:0 5px; cursor:pointer; font-size:15px; }
.formBtn input:hover{background: #666; }
#imgg{ padding:0px 0 0 20px; }

/*header共用*/
.wrapper_p1,.wrapper_p2,.wrapper_p3,.wrapper_p4,.wrapper_p6{min-width:1200px; overflow:hidden; min-height:820px;}
.wrapper_p1{ background:url(../images/header/p1.jpg) center top no-repeat; }
.wrapper_p2{ background:url(../images/header/p2.jpg) center top no-repeat; }
.wrapper_p3{ background:url(../images/header/p3.jpg) center top no-repeat; }
.wrapper_p4{ background:url(../images/header/p4.jpg) center top no-repeat; }
.wrapper_p6{ background:url(../images/header/p6.jpg) center top no-repeat; }

/*form 表單(共用)*/
.page_form {overflow: hidden; border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666;}
.page_form .name{float: left;width: 100px;text-align: right;padding: 5px;}
.page_form .text{overflow: hidden; padding: 5px;}

/*文字(共用)style*/
.white {color: #fff;}
.blue {color: #0066CC;}
.red {color: #CC0000;}
.green {color: #6daf1a;}
.orange {color: #FF6600;}
.yellow {color: #FFFF00;}
.blueGreen{ color:#1f7493;}