@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-color:#e1e1e1; font-size: 13px; color:#4b4b4b; line-height: 160%; font-family:Arial, Helvetica, sans-serif; }
input, select, button, textarea { font-size: 13px; font-family:Arial, Helvetica, sans-serif; }
ul, li { list-style-type:none; }
a { text-decoration:none; color:#4b4b4b; border:none; outline:none}
a img { border:0; outline:none}
a:hover { color:#0e61dc}



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

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

#menu_wrap{ width:695px; height:78px; float:left; }
#submenu{ width:670px; padding:5px 25px 8px 0; float:left; }
#submenu ul{ list-style:none; margin: 0; padding: 0;}
#submenu li{ display:block; text-align:left; float:right; color:#1e086c; /* 解決Chrome最小字級12px問題 */ -webkit-text-size-adjust:none; font-size:11px; margin:0px 0px 0 12px; }
#submenu li a{text-align:left; color:#1e086c; text-decoration:none; }
#submenu li a:hover{text-decoration:none; color:#0e61dc; }

#navi { height:31px; padding:0px; margin:0; display:block; clear:both; }
#navi ul{ list-style-type: none; margin:0px; padding:0; }
#navi li{ height:31px; float:left; display:block; position: relative; }


#content { width:1002px; float:left; height:100%; margin:0 0 40px 0;  position:relative;}
#left_wrap{ width:188px; float:left; padding:0; margin:0px 32px 30px 13px; }

.leftnavi{ width:188px; float:left; margin:0; padding:0; }
.leftnavi dl{ margin:0; padding:0; display:block;}
.leftnavi dt{ list-style:none; margin:0; display:block; padding:5px 0px 0px 0px; }
.leftnavi dt img{ display:block; }

.leftnavi dd { color:#343434; margin:0; padding:4px 0px 4px 15px; display:block; background-color:#e2e2e2; border-bottom:1px solid #ffffff; }
.leftnavi dd a{ color:#343434; display:block;}
.leftnavi dd a:hover{ color:#0e61dc; text-decoration:none; display:block; }
.leftnavi dd.on{ color:#0e61dc; display:block; }
.leftnavi dd.on a{ color:#0e61dc; text-decoration:none; display:block; }

.banner ul{ margin:5px 0 0 0; padding:0; }
.banner li img{ width:186px; margin:0 0 12px 0; border:1px solid #9b9b9b; display:block; }


#right_content { width:750px; float: left; margin:0 19px 0 0px; }

.titleimg{ margin:0px 0 25px 0px; border-bottom:1px solid #d0d0d0; }



/*---------------index---------------------*/
#index_content { width:1002px; float:left; height:100%; margin:0px 0 20px 0; padding:21px 0 0 0; position:relative; background:url(langs/tw/images/index_03.jpg) repeat-x; }

#index_left{ width:340px; float:left; font-size:12px; padding:0 0px 0 0; margin:0px 25px 0px 21px; }
#index_left div.value{ margin:0px 0 4px 0; }
#index_left div.item{ margin:0; }
#index_left div.item ul{ list-style-type:none; }
#index_left div.item li{ border-bottom:1px dashed #cccccc; background:url(langs/tw/images/icon_01.png) no-repeat 0px 9px; padding:0 0 0 18px; line-height:25px;}

#index_center{ font-size:12px; width:281px; float:left; padding:0 0px 12px 34px; margin:0px 30px 0px 0px; border-right:1px dashed #cccccc; border-left:1px dashed #cccccc;}
.marquee{ margin:0; }
.marquee ul{ list-style-type:none; }
.marquee li.text{ width:100px; float:left; margin:0 20px 0 0; }
.marquee li.text span.name{ font-size: 13px; font-weight:bold; color:#003399; line-height:27px; }
.marquee li.text span.name a{ color:#003399;  }
.marquee li.text span.name a:hover{ color:#003399; text-decoration:underline; }
.marquee li.text span.model{ color:#f25010; }
.marquee li.pic img{ width:125px; float:left; border:1px solid #c4c4c4; }

.more{ clear:both; padding:10px 0 0 0; }

#index_right{ width:250px; float:left; font-size:12px; padding:0; }
#index_right div.contact{ line-height:23px; }



/*---------------product---------------------*/
.prod_cate{ font-size: 16px; padding:0px 0 8px 0px; border-bottom:1px solid #d0d0d0; }
.prod_cate a{ font-size: 18px; }
.prod_cate a:hover{ font-size: 18px; color:#1e086c; }
.prod_cate span.on{ font-size: 18px; color:#1e086c; }


.prod_list{ width:750px; margin:0; height:100%; float:left; }
.prod_list ul {list-style-type: none; margin:0px; }
.prod_list li{float:left; width:750px; padding:8px 0; border-bottom:1px solid #d0d0d0; font-size: 12px; }
.prod_list li p.pic{float:left; width:188px; padding: 0 0 0 15px; margin: 0 40px 0 0; }
.prod_list li p.name{float:left; width:140px; margin: 0 25px 0 0;}
.prod_list li p.model{float:left; width:120px; margin: 0 25px 0 0;}
.prod_list li p.spec{float:left; width:180px; }
.prod_list li span.title{font-size: 13px; font-weight:bold; line-height:35px; }


.page_block{ margin:0 auto; display:table; clear:both; padding:18px 0px 0 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:#828282; width:15px; height:15px; padding:3px; border:1px solid #b3b3b3; display:block; text-decoration:none; line-height: 15px; }
.page li a:hover{color:#1c5fc6; border:1px solid #1c5fc6; display:block; text-decoration:none; }
.page li.on{color:#1c5fc6; font-weight: bold; width:15px; height:15px; padding:3px; border:1px solid #1c5fc6; display:block; line-height: 15px;}



/*---------------about & values---------------------*/
.content_block { margin:0 auto; width:680px; line-height: 23px;}

.news_line { border-bottom:1px solid #e3e3e3; }

.news a{ font-size: 13px; font-weight:bold; color:#474747; text-decoration: none; }
.news a:hover{ font-size: 13px; font-weight:bold; color:#e50056; text-decoration: none;}

.news_date{ font-size: 12px; color:#888888; text-align:center; }
.news_title { font-size: 13px; font-weight:bold; color:#ffffff; border-right:1px solid #ffffff; padding:5px 12px 5px 15px; }
.news_con { width:683px; padding:22px 15px 22px 15px; border-bottom:1px solid #acacac; }
.news_back{ width:713px; text-align: right; margin:10px 0px 0px 0px; }

.core_values{ }
.core_values ul{ list-style-type:none; padding:10px 0 0 16px; }
.core_values li{ list-style-image:url(langs/tw/images/icon_02.png); border-bottom:1px dashed #cccccc; padding:0 0 0 5px; line-height:38px;}
.core_values li.high{ line-height:25px; padding:5px 0 5px 5px;}


/*---------------contact---------------------*/
.contact_info{ width:713px; font-size:12px; line-height:25px; }


.contact_form{ width:713px; }
.contact_text{ padding: 0 0 0 0px; margin:0 0 25px 0; }
.com_name{ font-weight: bold; color: #0b399d; line-height: 1.8; }
.info_text{ font-size: 12px; color: #171717; }
.tel_title{ font-size: 12px; color: #878787; }
.required { font-size: 12px; color: #333333; padding:0px 0px 5px 21px; }
.space{ padding:0px 0px 0 12px; }
.space01{ padding:0px 0px 0 20px; }
.space02{ padding:0px 0px 0 35px; }

.contact_button{ text-align: center; margin:25px 0px 10px 0;  }



/*---------------form---------------------*/
form { margin: 0 0px; padding: 0px; }
.input { _position: relative; border: #c7c7c7 1px solid; width: 420px; height: 20px; COLOR: #505050; 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; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#eeeeee',GradientType=0 ); padding:3px;}
.textarea { border: #c7c7c7 1px solid; width: 520px; height: 130px; COLOR: #505050; background-color: #ffffff; }
.select { _position: relative; border: 1px solid #c2c2c2; color: #505050; font-family:Arial, Helvetica, sans-serif; height: 22px; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFEFE', endColorstr='#eeeeee',GradientType=0 ); }
.option { font-size:12px; color:#333; font-weight:bold;}

.code_input { border: #c7c7c7 1px solid; width: 170px; height: 20px; COLOR: #505050; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; }



/*---------------------------- footer css----------------------------------------------------- */
#footer{ clear:both; width:962px; font-size:12px; color:#5a5a5a; padding:7px 10px 7px 30px; background-color:#d2d2d2; border-top:#9b9b9b 1px solid; line-height: 22px;}
#footer .copyright { font-size:12px; color:#727272;}
#footer .copyright a{ font-size:12px; color:#727272;}
#footer .copyright a:hover{ font-size:12px; color:#f25010; text-decoration: none; }