@charset "utf-8";

/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
body { background:url(langs/tw/images/bg.jpg) repeat-x #ffffff; font-size:15px; color:#414141; line-height: 170%; font-family:微軟正黑體, Arial, Helvetica; }
input, select, textarea { font-size: 15px; font-family: "Open Sans", 微軟正黑體, Helvetica, Arial; }
button { font-family:微軟正黑體, Arial, Helvetica; border:0; cursor:pointer; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; }
ul, li { list-style-type:none; }
a { text-decoration:none; color:#414141; border:none; outline:none; }
a img { border:0; outline:none; }
a:hover { color:#ec5f01; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}


/*---------------layout---------------------*/
#wrapper{ width:1100px; height:100%; margin:0 auto; background-color:#ffffff; }

#header{width:1100px; padding:0; display:block; height:94px; background-color:#2b2b2b; }
#header h1{width:324px; height:94px; float:left; display:block; }

#navi { width:593px; margin:0 0 0 25px; display:block; float:left; }
#navi ul{ list-style-type: none; }
#navi li{ float:left; font-size: 16px; font-weight:bold; color:#ececec; text-align:center; line-height:94px; }
#navi li a{ color:#ececec; padding:0 26px 0 26px; display:block; }
#navi li a:hover{ color:#fff; background-color:#fd8a43; display:block; }

#link-block { width:158px; float:left; margin:25px 0 0 0; }
#link-block ul{ list-style-type: none; }
#link-block li{ width:39px; float:left; margin:0 12px 0 0; }


#content { width:1100px; margin:35px 0px 65px 0px; position:relative; }

#left_wrap{ width:206px; float:left; margin:0px 50px 40px 9px; }

.leftnavi{ width:206px; margin:0 0 45px 0; }
.leftnavi dl{ margin:0; padding:0; display:block; }
.leftnavi dt{ font-size:15px; font-weight:bold; color:#3c3c3c; list-style:none; padding:4px 0px 4px 0px; border-bottom:1px solid #cccccc; }
.leftnavi dt a{ color:#3c3c3c; display:block; padding:5px 0px 5px 36px; background:url(langs/tw/images/icon_01.png) no-repeat 20px 15px; }
.leftnavi dt a:hover{ color:#3c3c3c; text-decoration:none; display:block; background:url(langs/tw/images/icon_01_over.png) no-repeat 20px 15px; background-color:#d8d8d8; }
.leftnavi dt.on a{ color:#3c3c3c; text-decoration:none; background:url(langs/tw/images/icon_01_over.png) no-repeat 20px 15px; background-color:#d8d8d8; }

.leftnavi dd { margin:0; padding:3px 0px 5px 28px; }
.leftnavi dd a{ color:#333333; display:block;}
.leftnavi dd a:hover{ color:#11479e; text-decoration:none; display:block; }
.leftnavi dd.on a{ color:#11479e; text-decoration:none; }


#right_block{ width:835px; float: left; margin:0; }
#right_block02{ width:826px; float: left; margin:0 9px 0 0; position:relative; }


.title{width:806px; font-size:22px; color:#000; margin:0px 0px 45px 0px; padding:0 0 11px 20px; background:url(langs/tw/images/icon_02.jpg) no-repeat 3px 3px; border-bottom:1px solid #cccccc; }
.title a{color:#000000; }
.title a:hover{color:#e8460e; text-decoration:none; }
.title span.sign{font-size:20px; color:#393939; margin:0 10px 0 10px; }
.title span.on{color:#e8460e; }

.right_content{ width:798px; float:left; margin:0 0px 0 15px; }



/*---------------index---------------------*/
#index-header-block{width:1100px; margin:0 auto; padding:0; display:block; height:94px; background-color:#2b2b2b; }

#index-banner{ margin-top:1px; height:512px; background-color:#727272; background:url(langs/tw/images/index-bg.jpg) no-repeat; clear:both; }
#index-content-block { background:url(langs/tw/images/index_03.jpg) repeat-x #efefef; }
#index-content { width:1050px; margin:0 auto; font-size:16px; padding:50px 25px 50px 25px; }

.index-left{ width:385px; float:left; margin:0 50px 0 0; }
.index_title{ font-size:20px; color:#1e1e1e; margin:0 0px 20px 0; padding:0 0 10px 1px; border-bottom:1px solid #c8c8c8; }
.index-feature ul{ list-style-type: none; }
.index-feature li{ background:url(langs/tw/images/dot.png) no-repeat 4px 11px; padding:0 0 12px 21px; }

.index-center{ width:300px; float:left; margin:0 50px 0 0; }
.index-service{ margin:-6px 0 0 0; }
.index-service ul{ list-style-type: none; }
.index-service li{ font-weight: bold; color:#0462cc; padding:8px 0 8px 15px; border-bottom:1px solid #c8c8c8; font-family: "Open Sans", 微軟正黑體, Helvetica, Arial; }
.text-space{ margin:0 0 0 50px; }

.index-right{ width:265px; float:left; }
.index-info{ margin:-1px 0 12px 2px; line-height:30px; }
.index-info span{ font-weight: bold; color:#f06f21; }


#index-project { width:1046px; margin:0 auto; padding:45px 0 50px 0; }

.index_title02{ font-size:24px; color:#1e1e1e; }
.index_title02 span{ color:#f76911; }

.index_case{ width:1046px; float:left; margin:25px 0 0 0; }
.index_case ul {list-style-type:none; width:232px; margin:0 0 0 38px; float:left; }
.index_case li.casephoto{width:232px; height:174px; display:block; }
.index_case li.casename {font-size:15px; font-weight: bold; padding:14px 0px 0px 0px; text-align:center; }
.index_case li.casename a{color:#414141; }
.index_case li.casename a:hover{text-decoration:none; color:#f76911; }
.index_case ul:first-child{margin-left:0; }




/*---------------project---------------------*/
.project_list{ margin:0; height:100%; float:left; }
.project_list ul {list-style-type:none; width:242px; margin:0 20px 45px 14px; float:left; }
.project_list li.photo{width:232px; height:174px; padding:5px; border:1px solid #dbdbdb; display:block; }
.project_list li.photo:hover{border:1px solid #fd8a43; }
.project_list li.name {width:242px; height:25px; font-size:16px; font-weight: bold; color:#474747; padding:15px 0 0px 0px; text-align:center; }
.project_list li.name a{color:#474747; }
.project_list li.name a:hover{text-decoration:none; color:#ec5f01; }

.project_menu{ margin:-5px 39px 30px 0; text-align:right; }
.project_menu_title{ font-size: 16px; color:#000; margin:0 10px 0 0; }

.project{ width:732px; margin:0 0 0 39px; height:549px; padding:7px; border:1px solid #d7d7d7; }
.project_text{ margin:18px 0 28px 0; text-align:center; }


.project_small_block{ margin:0px 0 15px 0; }

.project_small{ float:left; display:block; position:relative; }
.project_small ul{ list-style-type: none; width:656px; margin: 0px; }
.project_small li{ float:left; margin:0px 4px 0 3px; padding:4px; display:block; position: relative; border:1px solid #d7d7d7; cursor:pointer; }
.project_small li:hover{ border:1px solid #fd8a43; }
.project_small li img{ display:block; }



.page_block{ margin:0 auto; display:table; clear:both; padding:10px 21px 0px 15px; }

.page{ font-size: 13px; color:#828282; text-align:center; margin:0; height:100%; }
.page ul{ list-style-type: none; margin:0px ; }
.page li { float:left; margin:0px 5px 0px 0px; text-align:center; }
.page li a{color:#9b9b9b; width:22px; height:22px; padding:3px; border:1px solid #b8b8b8; display:block; text-decoration:none; line-height: 22px; }
.page li a:hover{color:#ec6f09; border:1px solid #fd8a43; display:block; text-decoration:none; }
.page li.on{color:#ec6f09; font-weight: bold; width:22px; height:22px; padding:3px; border:1px solid #fd8a43; display:block; line-height: 22px; }
.page li:last-child { margin-right:0;}




/*---------------about & service---------------------*/
.about_block{ width:420px; padding:35px 40px 31px 40px; margin:0 0 150px 20px; border-radius:6px 6px; background-color:#ebebeb; }

.about_title{ font-size:22px; color:#121212; margin:0 0 15px -2px; }
.about_title02{ font-size:18px; color:#121212; margin:30px 0 10px 0; }

.about_con{ }
.about_con ul{ list-style-type: none; }
.about_con li{ background:url(langs/tw/images/dot.png) no-repeat 4px 11px; padding:0 0 4px 21px; }

.about_pic{ width:729px; height:349px; right:5px; bottom:0; position:absolute; z-index:20; }


/*--------------
.faq{ width:818px; float:left; margin:-20px 4px 60px 4px; }
.faq ul{ width:818px; float:left; list-style-type: none; }
.faq li.q{ padding:15px 0 15px 0; border-bottom:1px dashed #bcbcbc; }
.faq li.q-on{ color: #e9630f; cursor:pointer; }
.faq li.a{ padding:19px 30px 20px 75px; border-bottom:1px dashed #bcbcbc; background-color:#f5eff9; position:relative; line-height:30px; }
.faq li.a span.red{ color: #d90505; }
.faq-icon-q{ margin:0 14px 0 2px; vertical-align: middle; }
.faq-icon-a{ left:28px; top:19px; position:absolute; }
---------------*/


.service_block{ width:816px; float:left; margin:0 4px 17px 4px; border:1px solid #d0b8e0; background-color:#faf6fc; }
.service_block ul.series li{ width:200px; float:left; font-size:18px; color:#5f2095; border-right:1px solid #d0b8e0; background-color:#f2e6f9; text-align:center; }
.service_block ul.itemblock{ width:493px; float:left; padding:22px 0 17px 70px; background-color:#faf6fc; }
.service_block ul.itemblock li{ padding:0 0 5px 17px; background:url(langs/tw/images/icon_02.png) no-repeat left 12px; }


.faq-contact-block{ width:658px; margin:0 auto; margin-bottom:25px; padding:35px 80px 45px 80px; background-color:#f7f7f7; clear:both; }
.faq-contact-title{ font-size:22px; color: #1a1a1a; margin:0 0 10px 0; text-align:center; }




/*---------------contact---------------------*/
.contact_wrap{width:1020px; float:left; height:100%; margin:0 40px 40px 40px; position:relative; }
.contact_title{font-size:22px; color:#000; margin:0px 0px 55px 0px; padding:0 0 11px 20px; background:url(langs/tw/images/icon_02.jpg) no-repeat 3px 3px; border-bottom:1px solid #cccccc; }


.contact_info{ width:230px; float:left; margin:-3px 20px 0 0; }

.info_text{ font-size: 15px; font-family: "Open Sans", 微軟正黑體, Helvetica, Arial; }
.info_text a:hover{ color: #e8460e; text-decoration:underline; }
.info_text p{ padding:0px 0 0 55px; min-height:45px; line-height:52px; }
.info_tel{ font-size:20px; color: #e8460e; background:url(langs/tw/images/tel.png) no-repeat 0px 7px; }
.info_phone{ font-size:20px; color: #e8460e; background:url(langs/tw/images/phone.png) no-repeat 0px 7px; }
.info_fax{ font-size:20px; color: #e8460e; background:url(langs/tw/images/fax.png) no-repeat 0px 7px; }
.info_email{ background:url(langs/tw/images/email.png) no-repeat 0px 7px; }
.info_address{ background:url(langs/tw/images/address.png) no-repeat 0px 7px; color: #353535;}

.contact_map{ width:370px; float:left; margin:6px 30px 0 0; }


.contact_form{ width:370px; float:left; }

.contact_text{ font-size:14px; margin:0 0 13px 0; }
.star{ font-size:13px; color: #e60012; margin:0 0px 0 3px; }
.contact_button{ margin:10px 0px 0px 0px; text-align:right; }
.contact_button02{ margin:18px 0px 0px 85px; }




/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { border: #c9c9c9 1px solid; width: 556px; height: 28px; font-size: 15px; color: #333333; background-color: #efefef; font-family:Arial, 微軟正黑體, Helvetica; }
.input02 { border: #dcdcdc 1px solid; width: 283px; height: 28px; font-size: 15px; color: #333333; background-color: #f6f6f6; font-family:Arial, 微軟正黑體, Helvetica; }
.textarea {border: #c9c9c9 1px solid; width: 556px; height: 150px; font-size: 15px; color: #333333; background-color: #efefef; margin:12px 0 12px 0; font-family:Arial, 微軟正黑體, Helvetica; }
.textarea02 {border: #dcdcdc 1px solid; width: 283px; height: 137px; font-size: 15px; color: #333333; background-color: #f6f6f6; margin:12px 0 12px 0; font-family:Arial, 微軟正黑體, Helvetica; }
.select { border: 1px solid #c2c2c2; color: #333; height:28px; padding:2px 2px 2px 2px; font-family:Arial, 微軟正黑體, Helvetica; }
.option { font-size:12px; color:#333; font-weight:bold;}

.code_input { border: #c9c9c9 1px solid; width: 220px; height: 28px; color: #333333; background-color: #efefef; font-family: Arial, Helvetica, sans-serif; }
.code_input02 { border: #dcdcdc 1px solid; width: 160px; height: 28px; color: #333333; background-color: #f6f6f6; font-family: Arial, Helvetica, sans-serif; }



/*---------------------------- footer css----------------------------------------------------- */
#footer_info_block{ background-color:#cacaca; }
#footer_info{ width:1100px; margin:0 auto; background:url(langs/tw/images/fork-lift-truck_15.png) no-repeat 30px 30px; }

.footer_logo{ float:left; width:220px; padding:25px 20px 25px 38px; min-height:128px; line-height:27px; }
.footer_counter{ margin:95px 0 0 0; font-size: 14px; }

.footer_contact{ float:left; width:335px; font-size:15px; padding:27px 60px 25px 60px; border-left:1px solid #a0a0a0; border-right:1px solid #a0a0a0; min-height:126px; line-height:31px; }

.footer_fb{ float:left; width:321px; padding:35px 0 20px 44px; }
.qrcode{ float:left; width:129px; margin:0px 35px 0 0; }
.fb_block{ float:left; width:141px; }
.fb_block p.lineid{ font-size:15px; font-weight: bold; margin:10px 0px 17px 0px; }
.fb_block p.fb_fans{ margin:0 0 19px 0; }
.fb_block p.fb_fans span a{ font-size:16px; color: #3d57a3; margin:0 0 0px 10px; text-decoration:underline; line-height:21px;}
.fb_block p.fb_fans span a:hover{ text-decoration:none; }

#footer{ background-color:#343434; clear:both; }
#footer_con{ width:1085px; margin:0 auto; font-size:13px; color: #9e9e9e; padding:13px 0px 13px 15px; }
#footer_con a{ color: #9e9e9e; }
#footer_con a:hover{ color: #049591; }