@charset "utf-8";
/* CSS Document */

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:none; -webkit-text-size-adjust:none; background-color:#ffffff; font-size:100%; font-family:Arial, Helvetica, sans-serif, "Microsoft JhengHei", "微軟正黑體"; }

a { text-decoration:none; outline:none; }

img { border:none; }

ul { margin:0px; padding:0px; list-style:none; }
ol { margin:0 0 0 20px; padding:0px; }

h2, h3, h4, p { margin:0px; padding:0px; }

input[type=text] { border:1px solid #a9a9a9; background:none; display:inline-block; font-size:14px; }

input  { font-size:12px; font-family:Arial, Helvetica, sans-serif, "Microsoft JhengHei", "微軟正黑體"; }
select { font-size:12px; font-family:Arial, Helvetica, sans-serif, "Microsoft JhengHei", "微軟正黑體";}
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif, "Microsoft JhengHei", "微軟正黑體"; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; }

#top { width:100%; background: #F8F9F9; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8F9F9), to(#d0d1d7)); background: -webkit-linear-gradient(#F8F9F9, #d0d1d7); 
background: -moz-linear-gradient(#F8F9F9, #d0d1d7); background: -ms-linear-gradient(#F8F9F9, #d0d1d7); background: -o-linear-gradient(#F8F9F9, #d0d1d7); background: linear-gradient(#F8F9F9, #d0d1d7); -pie-background: linear-gradient(#F8F9F9, #d0d1d7); behavior: url(pie/PIE.php); }
#top .top_area { width:1010px; margin:0 auto; padding:28px 0px 11px 14px; }
#top .top_area .logo { float:left; margin-top:-10px; }
#top .top_area .logo a { display:block; width:243px; height:63px; background:url(../img/logo.png) no-repeat; background-position:-6px -6px; }
#top .top_area .top_right { float:right; width:343px; height:53px; background:url(../img/top.png) right bottom no-repeat; }

#menu { width:100%;  background:#6f0015; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; behavior: url(pie/PIE.php); }
#menu .menu_area ul.menu_list { text-align:center; }
#menu .menu_area ul.menu_list li { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px -2px; *margin:0px 0px; height:32px; }
#menu .menu_area ul.menu_list li.line { width:1px; background:url(../img/menu_line.png) no-repeat left center; }
#menu .menu_area ul.menu_list li a.lv1 { display:inline-block; zoom:1; *display:inline; color:#ffffff; line-height:32px; height:32px; background:url(../img/menu.png) no-repeat; }
#menu .menu_area ul.menu_list li a:hover {  }
#menu .menu_area ul.menu_list li a#menu_1 { width:136px; background-position:-6px 0 !important; }
#menu .menu_area ul.menu_list li a#menu_2 { width:138px; background-position:-114px 0 !important; }
#menu .menu_area ul.menu_list li a#menu_3 { width:123px; background-position:-238px 0 !important; }
#menu .menu_area ul.menu_list li a#menu_4 { width:98px; background-position:-353px 0 !important;}
#menu .menu_area ul.menu_list li a#menu_5 { width:198px; background-position:-441px 0 !important; }
#menu .menu_area ul.menu_list li a#menu_6 { width:173px; background-position:-613px 0 !important;}
#menu .menu_area ul.menu_list li a#menu_1:hover { background-position:-6px -32px !important; }
#menu .menu_area ul.menu_list li a#menu_2:hover { background-position:-114px -32px !important; }
#menu .menu_area ul.menu_list li a#menu_3:hover { background-position:-238px -32px !important; }
#menu .menu_area ul.menu_list li a#menu_4:hover { background-position:-353px -32px !important; }
#menu .menu_area ul.menu_list li a#menu_5:hover { background-position:-441px -32px !important; }
#menu .menu_area ul.menu_list li a#menu_6:hover { background-position:-613px -32px !important; }
#menu .menu_area ul.menu_list li .drop_down_area { visibility:hidden; position:absolute; *left:-1px; z-index:3001; margin-top:-5px; background:#6f0015; padding:5px 0px; }
#menu .menu_area ul.menu_list li .drop_down_area .drop_btn { text-align:left; }
#menu .menu_area ul.menu_list li .drop_down_area .drop_btn a.lv2 { display:block; min-width:72px; min-height:20px; line-height:20px; padding:5px 10px 5px 17px; color:#ffffff; white-space:nowrap; text-align:left; font-size:14px; }
#menu .menu_area ul.menu_list li .drop_down_area .drop_btn a.lv2:hover { text-decoration:underline; }


#main { width:100%; background:url(../img/bg.jpg) #707175 center top no-repeat;  }
#inner_banner { width:100%; padding-top:21px; padding-bottom:21px; }
#inner_banner .inner_banner_area { width:1024px; height:203px; margin:0 auto; -webkit-box-shadow: #666 2px 3px 3px; -moz-box-shadow: #666 2px 3px 3px; box-shadow: #666 2px 3px 3px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; behavior: url(pie/PIE.php); }

.content_area { width:1024px; margin:0 auto; }
#cate { float:left; width:191px; min-height:603px; background:url(../img/cate_box.png) left top no-repeat; padding:57px 21px 0 13px;  }
#cate .cate_title { display:inline-block; margin:0 auto; background:#ad1d26; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(pie/PIE.php); width:194px; padding:4px 0; text-transform: uppercase; color:#ffffff; font-size:12px; text-align:center; }
#cate ul { font-size:13px; xlist-style:url(../img/cate_list.png); xmargin-left:13px; margin-top:8px; }
#cate ul li { xborder-bottom:1px solid #e1cec2; }
#cate ul li.onCate { border-bottom:1px solid #e1cec2; }
#cate ul a>span { display:inline-block; height:31px; width:255px; background:url(../img/cate.png) no-repeat; }
#cate[rel=wire] ul a>span { background:url(../img/cate_wire.png) no-repeat; }
#cate ul a#cate1>span { background-position:0 0 !important; }
#cate ul a#cate2>span { background-position:0 -31px !important; }
#cate ul a#cate3>span { background-position:0 -62px !important; }
#cate ul a#cate4>span { background-position:0 -93px !important; }
#cate ul a#cate5>span { background-position:0 -124px !important; }
#cate ul a#cate6>span { background-position:0 -155px !important; }
#cate ul a#cate7>span { background-position:0 -186px !important; }
#cate ul a#cate8>span { background-position:0 -217px !important; }

#cate ul li.onCate a#cate1>span { background-position:-262px 0 !important; }
#cate ul li.onCate a#cate2>span { background-position:-262px -31px !important; }
#cate ul li.onCate a#cate3>span { background-position:-262px -62px !important; }
#cate ul li.onCate a#cate4>span { background-position:-262px -93px !important; }
#cate ul li.onCate a#cate5>span { background-position:-262px -124px !important; }
#cate ul li.onCate a#cate6>span { background-position:-262px -155px !important; }
#cate ul li.onCate a#cate7>span { background-position:-262px -186px !important; }
#cate ul li.onCate a#cate8>span { background-position:-262px -217px !important; }


#cate ul li .lv1 { display:block; padding:5px 0; }
#cate ul li .lv2 { display:none; font-weight:bold; margin-left:12px; margin-bottom:10px;  }
#cate ul li .lv2 a { display:block; color:#333333;line-height:20px;  }
#cate ul li .lv2 a.onCateLv2 { color:#972c1f; }
#cate ul li .lv2 a.onCateLv3 { color:#972c1f; }
#cate ul li.onCate .lv2 { display:block;  }

.main_content { float:right; width:790px; }
.main_content .btn_top { width:144px; margin:16px auto 0 auto; position:relative; }
.main_content .btn_top a { display:block; width:144px; height:45px; background:url(../img/btn_top.png) left top no-repeat; }

#footer { width:100%; background:#6f0015; height:28px; }
#footer .footer_area { width:996px; margin:0 auto; line-height:28px; color:#ffffff; font-size:11px; padding:0 14px; }
#footer .footer_area .cpRight { float:left; }
#footer .footer_area .designBy { float:right; }
#footer .footer_area .designBy a { color:#ffffff; }
#footer .footer_area .designBy a:hover { text-decoration:underline; }


/*-------------------------------------------------------------------------------------*/
/* INDEX */
#banner { width:100%; padding-top:21px; padding-bottom:28px; }
#banner .banner_area { width:1024px; height:407px; margin:0 auto; position:relative; background:#bfc1ca; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; behavior: url(pie/PIE.php);  }
#banner .banner_area .banner_show { width:1024px; height:407px; overflow:hidden; }
#banner .banner_area .banner_show img { display:none; }
#banner .banner_area .banner_show img.active { display:block;  }
#banner .banner_area .banner_dot { position:absolute; left:455px; bottom:13px; z-index:12; }
#banner .banner_area .banner_dot ul.bnr_dot { }
#banner .banner_area .banner_dot ul.bnr_dot li { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:12px; height:12px; margin:0px 5px; cursor:pointer; background:url(../img/home_banner/bnr_dot.png) no-repeat right top; cursor:pointer; }
#banner .banner_area .banner_dot ul.bnr_dot li.onbnr { background-position:left top !important; }

.index_content { width:1024px; margin:0 auto; padding-bottom:40px; }
.index_content .index_box { float:left; width:339px; height:145px; }
.index_content div:first-child { margin-right:6px; }
.index_content div:nth-child(2) { margin-right:2px; }
.index_content div:last-child { float:right; margin-right:-5px; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */
.inner_banner_area[data-rel=about_us] { background:url(../img/banner_about_us.png) #bfc1ca left top no-repeat; }

table.develop_history { width:103%; border-collapse:collapse; line-height:19px; margin-left:-10px; margin-top:10px;  }
table.develop_history tr:nth-child(even) { background:#ebebeb; xbackground:url(../img/tr_bg.png) left top repeat-y; }
table.develop_history tr td { padding:5px 0; }
table.develop_history tr td:first-child { padding-left:10px; vertical-align:top;}


/*-------------------------------------------------------------------------------------*/
/* PRODUCTS */
.inner_banner_area[data-rel=products] { background:url(../img/banner_products.png) #bfc1ca left top no-repeat; }
.series_title { width:746px; height:31px; padding-left:44px; margin-bottom:17px; background:url(../img/title.png) left top no-repeat; line-height:31px; color:#ffffff; font-size:18px; }
.prd_box { width:668px; margin:0 auto; color:#333333; font-size:13px; border:3px solid #b8b9bc; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; ; -webkit-box-shadow: #666 2px 3px 3px, inset 2px 2px 8px #777; -moz-box-shadow: #666 2px 3px 3px, inset 2px 2px 8px #777; box-shadow: #666 2px 3px 3px, inset 2px 2px 8px #777; behavior: url(pie/PIE.php); background:url(../img/prd_box_bg.png) #ffffff left top repeat-x; margin-bottom:12px; padding-left:48px; padding-top:36px; padding-bottom:26px; }
.prd_box .prd_basic { width:365px; border-bottom:2px dotted #343366; padding-bottom:16px; margin-bottom:10px; z-index:30; }
.prd_box .prd_basic .model_no { font-size:25px; font-style:italic; color:#ae1e26; font-weight:bold; }
.prd_box .prd_basic .prd_name_en { font-size:27px; text-transform:uppercase; xfont-variant:small-caps; color:#666666; white-space:nowrap; }
.prd_box .prd_basic .prd_name_en span { font-size:23px; }
.prd_box .prd_basic .prd_name_tc { font-size:25px; color:#343366; font-weight:bold; white-space:nowrap; }
.prd_box .prd_basic .prd_name_tc span { font-size:23px; }
.prd_box .prd_basic a.overEff { position:absolute; z-index:20; }
.prd_box table.prd_type { width:454px; font-size:13px; color:#333333; }
.prd_box .prd_bigPhoto { width:668px; margin:0 auto; }
.prd_box .prd_bigPhoto img { position:absolute; }
.prd_box .sub_title { width:485px; height:27px; line-height:27px; color:#ffffff; font-size:15px; background:url(../img/sub_title_bg.png) no-repeat; padding-left:15px; }
.prd_box .prd_feature { font-size:13px; color:#333333; }
.prd_box .prd_feature .sub_title { background:url(../img/sub_title.png) no-repeat !important; background-position: 0 0 !important; }
.prd_box .prd_feature ul.prd_ft { list-style:disc; margin:10px 20px 5px 30px; }
.prd_box .prd_specification { font-size:13px; color:#333333; margin-top:10px; }
.prd_box .prd_specification .sub_title { background:url(../img/sub_title.png) no-repeat !important; background-position: 0 -27px !important; }
.prd_box .prd_specification table.prd_spec { width:90%; border-collapse:collapse; line-height:19px; margin-left:5px; margin-top:10px; }
table.prd_spec tr:nth-child(even) { background:#eaeaea; xbackground:url(../img/tr_bg.png) left top repeat-y; }
table.prd_spec tr td:first-child { padding-left:10px; }
.prd_box .prd_production { font-size:13px; color:#333333; margin-top:10px; }
.prd_box .prd_production table.prd_prod { width:90%; border-collapse:collapse; line-height:19px; margin-left:5px; margin-top:10px; }
table.prd_prod tr:nth-child(even) { background:#eaeaea; xbackground:url(../img/tr_bg.png) left top repeat-y; }

.prd_box .prd_application { margin-top:10px; font-size:13px; color:#333333; }
.prd_box .prd_application p { margin-bottom:8px; padding-right:20px; padding-left:15px;  }
.prd_box .prd_suitable { margin-top:10px; font-size:13px; color:#333333; }
.prd_box .prd_suitable p { margin-bottom:8px; padding-right:20px; padding-left:15px;  }
.prd_box .prd_suitable .sub_title, .prd_box .prd_application .sub_title { margin-bottom:10px; }


.prd_box .small_prd_box { float:left; margin-left:15px; }
.small_prd_box .prd_basic { width:300px; border-bottom:none; padding-bottom:16px; margin-bottom:10px;  }
.small_prd_box .prd_basic .model_no { font-size:20px; font-style:italic; color:#ae1e26; font-weight:bold; }
.small_prd_box .prd_basic .prd_name_en { font-size:18px; text-transform:uppercase; xfont-variant:small-caps; color:#666666; white-space:nowrap; }
.small_prd_box .prd_basic .prd_name_tc { font-size:18px; color:#343366; font-weight:bold; white-space:nowrap; }
.small_prd_box .prd_basic .prd_wire_range { line-height:25px; color:#333333; text-transform:uppercase;}

.main_content p.stc { width:706px; margin:0 auto; padding-left:10px; font-size:12px; color:#ffffff; }


.inner_banner_area[data-rel=wire] { background:url(../img/banner_wire.png) #bfc1ca left top no-repeat; }

.prd_box .wire_name_en { font-size:23px; color:#666666; white-space:nowrap;}
.prd_box .wire_name_tc { font-size:23px; color:#343366; font-weight:bold; white-space:nowrap;}
.prd_box .wire_feature { font-size:13px; color:#333333; margin-bottom:10px; }
.prd_box .wire_feature ul.prd_ft { list-style:disc; margin:10px 20px 5px 17px; }
.prd_box .wire_characteristics { font-size:13px; color:#333333; margin-bottom:10px; }
.prd_box .wire_characteristics table.prd_char { width:90%; border-collapse:collapse; line-height:19px; xmargin-left:5px; margin-top:10px; }
table.prd_char tr:nth-child(even) { background:#eaeaea; xbackground:url(../img/tr_bg.png) left top repeat-y; }
.prd_box .wire_cross_section { font-size:13px; color:#333333; margin-bottom:10px; }
.prd_box .wire_cross_section .sub_title { margin-bottom:10px; }

table.packing { width:100%; }


/*-------------------------------------------------------------------------------------*/
/* VIDEO */
.inner_banner_area[data-rel=video] { background:url(../img/banner_video.png) #bfc1ca left top no-repeat; }
table.vdo_list .sub_title { width:520px; height:30px; line-height:27px; color:#ffffff; font-size:15px; background:url(../img/sub_title_bg2.png) no-repeat; padding-left:15px; }


/*-------------------------------------------------------------------------------------*/
/* CONTACT US */
.inner_banner_area[data-rel=contact_us] { background:url(../img/banner_contact_us.png) #bfc1ca left top no-repeat; }
table.enq_form { width:600px; }
table.enq_form input[type=text] { width:200px; }
table.enq_form textarea { display:inline;}
table.enq_form span.err { display:inline-block; color:#F00;}

.main_content_box { width:652px; margin:0 auto; color:#333333; font-size:14px; border:3px solid #b8b9bc; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; ; -webkit-box-shadow: #666 2px 3px 3px, inset 2px 2px 8px #777; -moz-box-shadow: #666 2px 3px 3px, inset 2px 2px 8px #777; box-shadow: #666 2px 3px 3px, inset 2px 2px 8px #777; behavior: url(pie/PIE.php); background:url(../img/prd_box_bg.png) #ffffff left top repeat-x; margin-bottom:12px; xpadding-left:48px; xpadding-top:36px; padding-bottom:26px; padding-left:35px; padding-right:35px; }
.main_content_box div:last-child { margin-bottom:0; }
.content_box { margin-bottom:44px; line-height:20px; }
.content_box .title { width:746px; height:31px; padding-left:64px; margin-bottom:17px; background:url(../img/static_title.png) left top no-repeat; line-height:31px; color:#ffffff; font-size:18px; margin-left:-66px; }
.content_box a { color:#333333; }
.content_box a:hover { text-decoration:underline; }
.content_box ul { list-style:disc; margin:10px 20px 5px 17px; }

/*-------------------------------------------------------------------------------------*/
/* UPCOMING EVENTS */
.inner_banner_area[data-rel=events] { background:url(../img/banner_events.png) #bfc1ca left top no-repeat; }
.content_box h3 { line-height:23px; }
.content_box .opening_hr { }
.content_box .opening_hr h3 { float:left; }
.content_box .opening_hr table { float:left; margin-left:15px; }
.content_box .opening_hr table tr.cate_title { font-size:16px; }