@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: 14px; color:#2e2e2e; line-height: 160%; font-family:微軟正黑體, Arial, Helvetica; }
input, select, button, textarea { font-size: 13px; font-family:Arial, Helvetica, sans-serif; }
ul, li { list-style-type:none; }
a { text-decoration:none; color:#2e2e2e; border:none; outline:none}
a img { border:0; outline:none}
a:hover { color:#cc0000}



/*---------------layout---------------------*/
#wrapper{ width:1002px; height:100%; margin:0 auto; background-color:#ffffff; }
#index_wrapper{ width:1135px; height:100%; margin:0 auto; background:url(langs/tw/images/index_bg.jpg) repeat-x #ffffff; }

#header{width:1002px; padding:0; display:block; height:78px; }
#header h1{width:367px; height:78px; float:left; display:block; }


#navi { width:610px; margin:30px 25px 0 0px; display:block; float:left; }
#navi ul{ list-style-type: none; margin:0px; padding:0; }
#navi li{ float:right; font-size: 16px; color:#073c7e; margin:0 0 0 52px; }
#navi li a{ color:#073c7e; }
#navi li a:hover{ color:#c91b15; padding:0 0 2px 0; border-bottom:2px solid #d73e39; }


#content{ width:978px; float:left; height:100%; margin:0 12px 55px 12px; position:relative; }

#left_content { width:790px; float:left; margin:0 15px 0px 0; position:relative; }

#right_wrap{ width:173px; float:left; margin:22px 0 0 0; }

.rightnavi{ width:173px; margin:0 0 0px 0px; }
.rightnavi dl{ margin:0; padding:0; display:block;}
.rightnavi dt{ font-size:14px; color:#525252; list-style:none; margin:0; padding:6px 5px 6px 18px; padding:7px 5px 5px 18px\9; background-color:#f5f5f5; border-bottom:1px solid #e6e6e6; }
.rightnavi dt a{ color:#525252; }
.rightnavi dt a:hover{ font-weight:bold; color:#bb3500; text-decoration:none; }
.rightnavi dt.on a{ font-weight:bold; color:#bb3500; text-decoration:none; }



/*---------------index---------------------*/
.index_bg{ background:url(langs/tw/images/index_bg.jpg) repeat-x #ffffff; }

#index_content { width:962px; float:left; height:100%; margin:25px 20px 20px 20px; }


#index_left{ width:365px; float:left; margin:0 25px 0 0; padding:0 25px 0 0; border-right:1px solid #dddddd; min-height:150px; }
#index_center{ width:235px; float:left; margin:0 25px 0 0; padding:0 25px 0 0; border-right:1px solid #dddddd; min-height:150px; }
#index_right{ width:260px; float:left; }

.index_title{font-size:18px; font-weight:bold; color:#bd3801; margin:0 0 13px 0; }
.index_title a{color:#bd3801; }
.index_title a:hover{color:#bd3801; }

.index_con{margin:0 0 0 3px; }
.index_con ul{list-style-type: none; }
.index_con li{list-style:decimal inside; font-size:14px; padding:0; line-height:23px; font-family:Arial, 微軟正黑體, Helvetica; }

.index_company{ width:110px; font-size:13px; color:#ffffff; margin:0 0 6px 0px; padding:1px 0 2px 0; background-color:#ac3312; line-height:18px; text-align:center; }
.index_contact{ font-size:13px; margin:0 0 9px 0px; line-height:21px; }
.index_contact span.size{ font-size:12px; }
.index_contact span.tel{ color: #878787; }


.index_project_block{ width:100%; background-color:#e4e4e4; margin:0 0 40px 0; padding:17px 0px 12px 0px; }

.index_project{ width:1002px; height:100%; margin:0 auto; background-color:#e4e4e4; padding:0px 0px 0px 0px; }
.index_project ul{ list-style-type: none; }
.index_project li{ width:138px; margin:0px 13px 0px 13px; float:left; }
.index_project li p.pic{ width:136px; height:102px; border:1px solid #e4e4e4; }
.index_project li p.pic:hover{ border:1px solid #e94d49; }
.index_project li p.name{ font-size:14px; color:#2e2e2e; margin:7px 0 0px 0px; text-align:center; line-height:20px; }
.index_project li p.name a{ color:#2e2e2e; }
.index_project li p.name a:hover{ color:#ac2812; }
.index_project li img{ display:block; }



/*---------------product---------------------*/
.p_category{font-size:17px; font-weight: bold; color:#474747; margin:0 0 20px 0; }

.prod_list{ margin:0; height:100%; float:left; }
.prod_list ul {list-style-type:none; width:243px; margin:0 20px 35px 0px; float:left; }
.prod_list li.pics{width:233px; height:219px; padding:4px; border:1px solid #dedddd; display:block; }
.prod_list li.pics:hover{border:1px solid #f08784; }
.prod_list li.prodname {width:243px; font-size:16px; font-weight: bold; color:#474747; padding:12px 0 5px 0px; }
.prod_list li.prodname a{color:#474747; }
.prod_list li.prodname a:hover{text-decoration:none; color:#ac2812; }
.prod_list li.summary {font-size:14px; color:#7b7b7b; height:50px; padding:0px 0 6px 0px; }


#prod_content { width:770px; float:left; height:100%; padding:0; margin:0px 0 55px 0;  position:relative; }
#pic_block { float:left; margin:0 33px 0px 0; position:relative; }
.pic_con { width:340px; height:320px; padding:5px; border:1px solid #dedddd; background-color:#ffffff; text-align:center; }

#p_text_block { width:385px; float:left; margin:0px;  position:relative; }
.product_name { font-size: 18px; font-weight: bold; color: #474747; padding:0 0 6px 30px; border-bottom:1px solid #838383; background:url(langs/tw/images/product_04.jpg) no-repeat 2px 3px; }
.p_text_con{ margin:15px 0 0px 3px; display:table; line-height:22px; }


#small { height:100%; float:left; padding:0px; margin:25px 0 0 3px; display:block; }
#small ul{ list-style-type: none; }
#small li{ width:73px; height:60px; float:left; margin: 0px 8px 8px 0; padding:3px; display:block; position: relative; text-align:center; border:1px solid #dedddd; }

.spec_con{ padding:30px 15px 25px 15px; border-bottom:1px solid #cdcdcd; }
.back{ margin:9px 0px 0px 0px; text-align:right; }


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

.page{ font-size: 12px; 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:#ffffff; width:18px; height:16px; padding:3px; background-color:#f87b78; display:block; text-decoration:none; line-height: 16px; }
.page li a:hover{color:#ffffff; background-color:#686868; display:block; text-decoration:none; }
.page li.on{color:#ffffff; width:18px; height:16px; padding:3px; background-color:#686868; display:block; line-height: 16px;}



/*---------------about & project---------------------*/
.about_con{ float:left; width:938px; margin:30px 20px 15px 20px; }
.about_title{ font-size:20px; color:#c73800; margin:0px 0px 20px 0px; }
.about_text{ line-height:25px; }
.about_pic{ float:left; margin:0px 50px 0px 0px; }


.project_list{ margin:0; height:100%; float:left; }
.project_list ul {list-style-type:none; width:242px; margin:0 21px 35px 0px; float:left; }
.project_list li.pics{width:232px; height:174px; padding:4px; border:1px solid #dedddd; display:block; }
.project_list li.pics:hover{border:1px solid #f08784; }
.project_list li.name {width:242px; font-size:16px; font-weight: bold; color:#474747; padding:12px 0 5px 0px; text-align:center; }
.project_list li.name a{color:#474747; }
.project_list li.name a:hover{text-decoration:none; color:#ac2812; }

.project_sort{ font-size:17px; font-weight: bold; color:#474747; margin:0 0 40px 0; }
.project_sort a{ color:#474747; }
.project_sort a:hover{ color:#cc0000; }
.project_sort span.sign{ font-weight:normal; color:#8f8f8f; margin:0 10px 0 10px; }
.project_sort span.on{ color:#cc0000; }

.project_menu{ float:right; margin:2px 30px 0px 0; }

.project{ width:620px; margin:0 auto; height:465px; padding:7px; border:1px solid #d7d7d7; clear:both; }
.project_text{ margin:15px 0 20px 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; margin: 0px; }
.project_small li{ float:left; margin:0px 4px 0 4px; display:block; position: relative; border:1px solid #a0a0a0; }
.project_small li img{ display:block; }



/*---------------contact---------------------*/
.contact_con{ float:left; width:938px; margin:10px 20px 15px 20px; }

.contact_form{ width:480px; float:left; margin:0 90px 0px 0; }
.contact_guide{ margin:0px 0px 20px 0px; }

.contact_item{ color: #747474; padding:7px 0 6px 2px; padding:9px 0 3px 2px \9; }
.contact_button{ padding:20px 0px 0px 0px; }
.star{ font-size:13px; color: #ff0000; }

.contact_info{ width:338px; float:left; margin:3px 0px 0px 0px; background-color: #f5f5f5; padding:15px 15px 20px 15px; }
.contact_map{ margin:15px 0 0 0; border:1px solid #cdcdcd; }
.contact_line{ margin:22px 0 15px 0; border-bottom:1px solid #cfcfcf; }

.contact_text{ margin:0px 0px 0px 2px; }
.contact_text p.com_name{ font-size:15px; font-weight: bold; color: #7c1b00; margin:0 0px 3px 0px;  }
.contact_text p.info_text{ font-size: 13px; color: #6a6a6a; padding:7px 0px 0px 0px; }
.contact_text p.info_text a{ color: #2e2e2e; }
.contact_text p.info_text a:hover{ color: #ea6941; }
.contact_text p.info_text span{ color: #ac3312; }



/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { border: #d9d9d9 1px solid; width: 330px; height: 24px; COLOR: #333333; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; }
.textfield { _position: relative; border: 1px solid #c2c2c2; font-family:Arial, Helvetica, sans-serif; height: 16px; color: #505050; padding:3px;}
.textarea {border: #d9d9d9 1px solid; width: 480px; height: 155px; COLOR: #333333; background-color: #ffffff;  }
.select { border: 1px solid #c2c2c2; color: #505050; font-family:Arial, Helvetica, sans-serif; height:27px; padding:3px 3px 3px 3px; }
.option { font-size:12px; color:#333; font-weight:bold;}

.code_input { border: #d9d9d9 1px solid; width: 180px; height: 24px; COLOR: #333333; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; }



/*---------------------------- footer css----------------------------------------------------- */
.footer_menu{ width:1002px; margin:0 auto; padding:0 0 12px 0; }
.footer_menu_block{ margin:0 auto; display:table; }

.footermenu { }
.footermenu ul{ list-style-type: none; }
.footermenu li{ float:left; color: #666666; margin:0 20px 0px 0; padding:0 20px 0 0; border-right:#adadad 1px solid; line-height: 19px; }
.footermenu li a{ color: #666666;}
.footermenu li a:hover{ color: #000000; }
.footermenu li.last{ border-right:none; }

#footer_block{ clear:both; background-color:#f5f5f5; }
#footer_con{ width:1002px; margin:0 auto; font-size:13px; color: #666666; text-align:center; padding:10px 0 10px 0; line-height: 26px; }
#footer_con span{ font-weight: bold; color: #2f2f2f; margin:0px 10px 0px 0; }

.copyright{ font-size:12px; color:#878787; padding:13px 0px 13px 0px; text-align:center; }
.copyright a{ color:#878787; }
.copyright a:hover{ color:#f55726; text-decoration:none; }