/*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 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;line-height: 30px;color: #303030;}
a {color: #303030;text-decoration: none;}
a:hover{color: #f5ae5b;}
h1{}
hr{}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{ clear:both;}

/*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{margin:0 auto;}
.container{  }

/*頁首 選單(共用)*/
.menu_bg{ background:url(../images/menu/menu_bg.png) top center no-repeat; position: absolute; z-index:9999; width:100%; min-width:1200px;}
.menu{ overflow:hidden; width:1200px;  min-width:1200px; margin:0 auto 100px auto;font-size: 18px}
.menu_btn{ float:left; overflow:hidden; margin:40px 0 0 75px; font-family:微軟正黑體;}
.menu_btn li{float:left; text-align:center;width:140px; background:url(../images/menu/btn_bg.png) right top no-repeat; line-height:20px;}
.menu_btn li span { font-size:12px; color:#517093; }
.menu_btn li a:hover{color:#6b98c9; font-size:20px;}
/*頁首 flash(共用)*/
.header_p1{ background:url(../images/header/p1.jpg) center top no-repeat; height:353px; min-width:1200px;}
.header_p2{ background:url(../images/header/p2.jpg) center top no-repeat; height:353px; min-width:1200px;}
.header_p3{ background:url(../images/header/p3.jpg) center top no-repeat; height:353px; min-width:1200px;}
.header_p4{ background:url(../images/header/p4.jpg) center top no-repeat; height:353px; min-width:1200px;}
.header_p5{ background:url(../images/header/p5.jpg) center top no-repeat; height:353px; min-width:1200px;}
/*左側選單(共用)*/
.sidebar{float: left;width: 280px; font-family:微軟正黑體; font-weight:bold;}
.sidebtn_bg{ background:url(../images/sidebar/side_bg2.jpg) center top repeat-y; }
.side_btn{ background:url(../images/sidebar/side_bg2k.jpg) left bottom repeat-x #fbfbfb; padding:30px 0 20px 30px; margin:0 8px;  min-height:370px; border-left:1px solid #dcdada;border-right:1px solid #dcdada;border-bottom:1px solid #dcdada;}
.side_btn li{ margin:0 40px 20px 0; font-size:20px; border-bottom:1px dashed #6f9ac8;}
.side_btn li a{color:#6f9ac8; padding-left:20px;}
.side_btn li a:hover{color:#f5ae5b; background:url(../images/all/icon2.png) left center no-repeat;}
.side_btn li .icon_s{color:#f5ae5b; background:url(../images/all/icon2.png) left center no-repeat;}
.side_btn2{ }
/*路徑(目前所在位置)(共用)*/
.nav{text-align: right; width:850px; padding-right:30px; font-size:12px; color:#787879;}

/*page 主要內容(共用)*/
.index_main{width:1200px; min-width:1200px; margin:0 auto;}
.main{float:left;}
.page{ background:url(../images/all/page_bg.png) center top no-repeat; width:1170px; margin:0 auto; padding-left:30px; overflow:hidden;}
.page_box{width:750px; margin:30px 40px 50px 60px;}
.title{border-bottom:1px #0653a6 solid; color:#0653a6; font-size:23px;  font-family:微軟正黑體;}

.page_04 { margin:20px auto; clear:both; font-size:14px; line-height:30px; text-align:center; font-family:微軟正黑體; }
.page_04 a { display:inline-block; color:#4168b6; text-decoration:none; padding:0 10px; margin:0 3px; background:#f5f5f5; border:1px solid #4168b6; }
.page_04 a:hover, .page_04 .on { color:#fff; background:#4168b6; }
.page_04 .on { cursor:default; }
/*footer 頁尾(共用)*/
.footer_bg{ background-color:#224488; min-width:1200px; }
.footer{ width:1200px; min-width:1200px; margin:0 auto; overflow:hidden; padding:20px 0; line-height:20px;}
.footer_text{color:#fff; font-size:12px; margin-left:30px;}
.footer a{color:#fff;}
.footer a:hover{color:#e99129; text-decoration:underline;}

/*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;}

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

/*文字(共用)style*/
.blue_bold{color:#4c679e; font-weight:bold;}


.btn_back{text-align:center; font-size:12pt; margin:20px 0;}
.btn_back a{ background-color: #e8a44a; line-height:40px; color:#fff; padding:5px 20px 5px 20px; }
.btn_back a:hover{ background-color:#c54a00; }


/*首頁形象*/
#flash {position: relative;margin: auto;overflow: hidden;width: 100%; min-width:1200px; }
#index_cont {margin: auto;z-index: 99;position: absolute;width: 100%; min-width:1200px; }



/*index*/
.index_container{ background:url(../images/index/index_bg.jpg) top left repeat-x #f5f5f5; min-width:1200px; }
.index_box{ background:url(../images/index/box_bg.png) left top no-repeat; overflow:hidden; min-width:1200px; }
.index_box .box1{ width:270px; margin:90px 0 20px 20px;cursor:pointer;}
.index_box .box2{margin:70px 0 0 170px ;}
.index_pro .pro_pic{
	width:180px; height:180px;
	text-align:center;
	vertical-align: middle;
	display: table-cell;
}
.pro_pic img{ }
.index_pro .pro_text{text-align:center; color:#224488;  width:200px; margin:0 auto;overflow : hidden;text-overflow : ellipsis;white-space : nowrap;
 }
.carousel{width: 300px; height: 210px;}
.jCarouselLite{float: left; width: 230px; height: 210px; overflow: hidden;  }
.jCarouselLite ul{z-index: 1; width: 230px; left: -800px;}
.jCarouselLite li{ width: 230px; height: 210px; overflow: hidden; float: left; cursor:pointer;}
.index_btn{ float:left; width:20px; padding:60px 5px; cursor: pointer;}
.index_box .box3{ margin:90px 0 0 150px;}
.news_li{overflow:hidden; background:url(../images/all/icon1.png) left 10px no-repeat; padding-left:13px; border-bottom:1px #99999a dashed; cursor:pointer;}
.news_li .date{font-size:12px; color:#5a5ad0; }
.news_li .text{ margin-left:10px; width:165px;}

/*p1_about*/
.p1_box1{overflow:hidden; margin:20px 0; }
.p1_stitle{margin:40px 0 20px 0; background:url(../images/p1_about/stitle.jpg) left top no-repeat; color:#fff; line-height:40px; width:135px; text-align:center; font-size:20px;font-family:微軟正黑體;}
.p1_box2{overflow:hidden;}
.p1_box2 li{ float:left; width:300px;text-align:center; margin:20px 70px 0 0;}
.txt{ text-align: justify;}
.p1_box2 .text{font-size:20px; color:#4ab8ac; font-family:微軟正黑體; }

/*p2_product*/
.product{ overflow:hidden; margin:40px 0 0 20px;}
.product li{ background:url(../images/p2_product/pro_bg.jpg) center top no-repeat; float:left; padding:10px; margin:0 40px 30px 0;}
.product li a{color:#0754a6;}
.product li a:hover{color:#f5ae5b;}
.product .pic{width:180px; height:180px; text-align: center; vertical-align: middle; display: table-cell;}
.product .pic img{  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; transition-property:transform;transition-duration:0.5s; }
.product .pic img:hover{ transform-origin: 0; -webkit-transform-origin: 0; -webkit-transform: scale(1.01); transform: scale(1.01);}
.product .text{ text-align:center;width:180px; margin-top:10px; line-height:20px;}
.de_box1{overflow:hidden; margin:30px 0 0 0;}
.de_box1 .left{float:left; background:url(../images/p2_product/de_bg1.png) left top no-repeat; padding:10px 10px 15px 10px;}
.de_box1 .left .pic{  width:280px; height:280px; text-align: center; vertical-align: middle; display: table-cell;}
.de_box1 .left img{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.de_box1 .right{float:left; margin-left:50px; width:400px;}
.de_box1 .right .stitle{ font-size:22px; color:#224488; font-family:微軟正黑體; margin-bottom:20px;}
.de_box1 .right .direct{overflow:hidden; border-bottom:1px solid #d2d2d3; padding-bottom:20px;}
.de_box1 .right .direct .aa{color:#fff; background-color:#113b92; width:80px; font-family:微軟正黑體; text-align:center; float:left;}
.de_box1 .right .direct .bb{float:left; margin-left:10px; width:300px;}
.de_box1 .right .detail_spic{ overflow:hidden; margin-top:25px;}
.de_box1 .right .detail_spic li{ float:left; margin-right:10px;}
.de_box1 .right .detail_spic .pic{border:1px solid #CCC;width:70px; height:70px; text-align: center; vertical-align: middle; display: table-cell; }

.nTab{margin:70px 0 0 0; overflow:hidden}
.none {display:none;}
#myTab1{border-bottom:1px solid #4168b6; overflow:hidden;font-family:微軟正黑體;}
.nTab .TabTitle li{float:left;cursor:pointer;height:30px;line-height:30px;font-weight:bold;text-align:center;width:124px; margin-right:2px;}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{background:#4168b6;color:#fff; border:1px solid #4168b6; border-bottom:none; }
.nTab .TabTitle .normal{color:#4168b6; border:1px solid #4168b6;border-bottom:none;}
.nTab .TabContent{clear:both;overflow:hidden; padding:5px;display:block; margin:20px 0 30px 0;}


/*p3_工程實蹟*/
.p3_list{overflow:hidden; margin-top:40px; }
.p3_list li{float:left; overflow:hidden; margin-left:20px; width:200px;}
.p3_list li .dot{width:7px; height:7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:12px 5px 0 0 ; background-color:#e68c17; float:left;}
.p3_list li .text{float:left;}
.p3_pro_pic{overflow:hidden; margin-top:40px; }
.p3_pro_pic li{float:left;margin-left:20px; margin-bottom:20px; overflow:hidden;}
.p3_pro_pic li .pic{background-color:#fff; padding:5px;   -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #dbdbdb; height:240px;overflow:hidden; }
.p3_pro_pic li img{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.p3_pro_pic .text{text-align:center; }
.gotop{ text-align:right;}


/*最新消息*/
.news_title{ overflow:hidden;font-size:12pt; color:#fff;  font-weight:bold; line-height:54px;background-color:#639df1; text-align:center; margin:30px 0 0 0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.news_title li.date{  float:left; width:175px; }
.news_title li.title_tx{ float:left; width:400px;}
.news_contain{margin-bottom:40px;}
.news_contain li{  border-bottom-width: 1px;border-bottom-style:dashed;border-bottom-color: #7c7f81; padding:15px 0px; overflow:hidden; }
.news_contain li .date_tx{ float:left;  width:175px; text-align:center; color:#576f9f;}
.news_contain li .news_tx{ float:left; width:559px;}
.news_contain li .news_tx a:hover{ color:#ac141f;}
.news_contain li.color{ background-color:#f3f5f5; }

.news_detailtitle{overflow:hidden;font-size:12pt; color:#fff;  font-weight:bold; line-height:30px;background-color:#639df1;  margin:30px 0 0 0; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.news_detailtitle li{padding:10px 0;}
.news_detailtitle li.date{  float:left; width:140px; text-align:center;}
.news_detailtitle li.title_tx{ float:left; width:600px;}
.news_detailpic{overflow:hidden; margin-top:40px; }
.news_detailpic li{float:left; background-color:#fff; padding:5px; margin-left:20px;  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:1px solid #dbdbdb; height:240px; }
.news_detailpic .pic{width:330px; height:240px; text-align: center; vertical-align: middle; display: table-cell;}
.news_detailpic li img{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.news_detail_text{ margin:20px; }
/*聯絡我們*/
.p5_btn{text-align:center; font-size:12pt; margin:20px;}
.p5_btn a{ background-color: #e8a44a; line-height:40px; color:#fff; padding:5px 20px 5px 20px ; margin:20px;}
.p5_btn a:hover{ background-color:#c54a00; }
.p5_2{ background:url(../images/p5_contact/p5_2.jpg) left top no-repeat;  padding:345px 415px 30px 30px; color:#0853a6;}