@charset "utf-8";
body {margin:0px;padding:0px;font-size:11px; font-family:Tahoma;color:#555;background:#fff url(../images/bg_body.jpg) repeat-x;}
a{color:#555;}
a:hover{color:#000;}
img{border:0px;behavior:url("scripts/png.htc");}
input{font-family:Tahoma;font-size:11px;}

.fontblue{color:#61bbff;}
.fontblue1{color:#006aca;}
.fontorange{color:#ff6c00;}
.font10{font-size:10px;}

.clear{clear:both;}
#header{height:85px;width:971px;margin:0 auto;}
#header .logo{float:left;padding:19px 0px 0px 4px;}
#header .online{padding-top:26px;text-align:right;}
#header .online img{margin:0px 4px;}
#footer{height:85px;background:url(../images/bg_footer.jpg) repeat-x bottom;color:#868686;}
#footer .copy{padding-left:194px;width:777px;margin:0px auto;padding-top:10px}
#footer .r{float:right;}
#footer .footnav{ padding:2px 0px;}
#footer .footnav a{ text-decoration:none;color:#868686;}
#footer .links a{color:#868686;}

.main{width:971px;margin:0 auto;}
.main .left{width:179px;float:left;padding-right:13px;overflow:hidden;}
.main .right{width:779px;float:left;padding-top:12px;}
.main .banner{padding-bottom:4px;}

.sidebar{padding-bottom:6px;}
.sidebar .title{text-align:right;border-right:3px #ff8a00 solid;height:12px;margin-bottom:2px;color:#8a8a8a;padding-right:4px;font-size:10px;}
.sidebar .title strong{ font-weight:normal;}
.sidebar a{padding:8px;display:block;background:#afafaf url(../images/ico_01.gif) no-repeat 162px 3px;margin-top:2px;color:#fff; text-decoration:none;font-weight:bold;}
.sidebar a:hover,.sidebar a.current{background:#8b8b8b url(../images/ico_01.gif) no-repeat 162px 3px;color:#fff;}

.search{background:#d5d5d5;padding:12px 10px;margin-bottom:10px;}
.search .t{font-size:14px;font-weight:bold;padding-bottom:6px;border-bottom:1px #afafaf solid;}
.search .i{height:24px;}
.search input{border:0px;float:left;height:17px;width:140px;color:#afafaf;}
.search input.btn{float:left;width:12px;height:12px;border:3px #fff solid;border-bottom:4px #fff solid;}
* html .search input{width:135px;}
*+html .search input{width:138px;}
.search .tips{color:#666;font-size:10px;}

.content{border:1px #d6d6d6 solid;background:url(../images/bg_cont_b.jpg) repeat-x bottom;}
.content .bg{border:1px #fff solid;background:url(../images/bg_cont_t.jpg) repeat-x top;line-height:18px;color:#7a7a7a;padding:6px 3px 30px 17px;overflow:hidden;}
.in_about{height:270px;}
.in_about .imgs{float:right;border:3px #fff solid;margin-left:20px;} 
.in_about .t{margin:16px 0px;}
.in_about .info{}
.in_about h1{ font-size:11px; font-weight:normal; display:inline;}
.in_contact{width:305px;border-bottom:1px #bcbcbc dotted;background:url(../images/bg_contact.jpg) no-repeat left top;padding-left:50px;padding-top:10px;padding-bottom:14px;margin-top:20px;}
.in_pro{float:left;width:355px;padding-top:20px;height:240px;}
.in_news{float:right;width:360px;padding-top:20px;padding-right:4px;}
.in_news .box{background:url(../images/bg_news.jpg) repeat-x bottom;padding:14px 8px;line-height:1.4em}
.in_news .box strong{font-size:14px}
.in_news .box span{font-size:11px;}
.in_news .box a{color:#7a7a7a;}

.nav{}
.nav strong{color:#00a7ff;}
.nav a{text-decoration:none;}
.uc_title{color:#0077e2;padding:20px 0px;font-size:30px;}
.uc_info{padding-right:20px;width:72%;float:left;}
.column{width:185px;float:right;overflow:hidden;}
.column .pro_box{padding:4px;border:1px #afafaf solid;margin-bottom:20px;}
.column .pro_box span{display:block;line-height:1em;padding:4px;}
.column .latest_news{margin-bottom:20px;padding-left:4px;}
.column .latest_news strong{display:block;font-size:12px;color:#666;}
.column .latest_news ul{margin:0;padding:3px;}
.column .latest_news li{border-bottom:1px #bebebe dotted;padding:10px;line-height:1.2em;list-style:none;background:url(../images/ico_03.gif) no-repeat left 14px;padding-left:14px;}
.column .latest_news li a{text-decoration:none;color:#7a7a7a;}
.uc_contact{background:#666 url(../images/bg_uc_contact.jpg) no-repeat right bottom;color:#cdcdcd;padding:16px;margin-top:5px;}
.uc_contact strong{display:block; position:relative;margin-left:-10px;margin-top:-10px;line-height:2em;color:#adadad;}

#slider {
   /*/ width: 410px; /* important to be same as image width */
    height: 220px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index:0;
}
#slider img{
    border: 0px;
}

#sliderContent {
    /*width: 410px;  important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
	font: 12px/14px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    /*width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;*/
	display:none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {/*標籤頭部顯示*/
	top: 0;
	left: 0;
}
.bottom {/*標籤底部顯示*/
	bottom: 0;
    left: 0;
}
#slider ul,#slider li{padding:0px;margin:0px;list-style:none;}


.gareers{margin-right:10px;}
.gareers #column{height:40px;padding:0px 4px;margin-top:10px;}
.gareers #column a{display:block;float:left;background:url(../images/ico_05.gif) no-repeat 6px 10px;padding:5px 15px 5px 25px;margin-right:10px; text-decoration:none;border:1px #c7c7c7 solid;color:#c7c7c7;}
.gareers #column a:hover,.gareers #column a.current{border:2px #009dff solid;color:#09C;background:url(../images/ico_04.gif) no-repeat 6px 10px;padding:4px 14px 4px 24px;}
.gareers .co{color:#01499e}
.gareers .title{line-height:36px;padding:0px 4px;}
.gareers .title .r{float:right;text-align:right}
.gareers .cont{display:none;}
.gareers .info{border:1px #e3e3e3 solid;line-height:20px;}
.gareers .info .t{line-height:24px;background:#f1f1f1;font-weight:bold;padding-left:16px;}
.gareers .info .r{float:right;width:30%;border-bottom:1px #e3e3e3 solid;border-left:1px #e3e3e3 solid;overflow:hidden;text-overflow:ellipsis }
.gareers .info .c{padding:10px 16px 30px 16px;}
.gareers .info .b{border-top:1px #e3e3e3 solid;}

/*news style*/
.news_list,.news_list li{margin:0px;padding:0px;list-style:none;line-height:18px;}
.news_list{}
.news_list li{padding:6px 0px 6px 30px;background:url(../images/icon.gif) no-repeat -108px -110px;border-bottom:1px dotted #CCC; overflow:auto;}
.news_list li .title{font-size:11px;font-weight:bold;line-height:24px;padding-left:6px;}
.news_list li .title a{color:#777;}
.news_list li .imgs{float:left;margin-right:20px;width:200px;overflow:hidden;}
.news_list li .time{color:#ff8100;line-height:18px;font-size:10px;padding-left:6px;}
.news_list li .info{padding:0px 6px;color:#666;}
.news_info{}
.news_info .title{color:#444;padding:5px 0px;font-size:18px; font-family:arial;margin-top:20px;}
.news_info .time{color:#ff5a04;border-bottom:1px #ccc dotted;padding:4px 0px;}
.news_info .info{padding:10px 0px;line-height:18px;}
.news_info .down{padding:5px 0px;line-height:20px;border-top:1px #ccc dotted;}
.news_info .down .title{color:#777;}
.news_info .down ul,.news_info .down li{margin:0px;padding:2px 0px;list-style:none;}
.news_info .down a{display:block;padding-left:22px;background:url(../images/icon.gif) no-repeat left -298px;border:0px;text-align:left;}
.news_info .down a:hover{background:#f1f1f1 url(../images/icon.gif) no-repeat  left -298px;}
/*news style end*/

.page{padding:4px 0px;height:20px;line-height:14px;}
.page a{float:left;display:block;padding:0px 6px;background:#999;margin-right:2px;color:#fff;font-size:12px; text-decoration:none;}
.page span{float:left;display:block;padding:0px 6px;background:#999;margin-right:2px;color:#fff;font-size:12px;}
.page a:hover,.page .on,.page span{background:#e95e02;color:#fff;}

.list1{width:100%;overflow:hidden;}
.list1 .over{}
.list1 h1{font-weight:normal;margin:0px;}
.list1 .msg{border-bottom:1px #ccc dotted;margin-bottom:16px;padding:10px 0px;}
.list1 .box{width:47%;height:125px;margin-right:6px;margin-bottom:6px;float:left;border:1px #d6d6d6 dotted;padding:6px;}
.list1 .box .imgs{height:125px;width:125px;overflow:hidden;float:left;margin-right:10px;}
.list1 .box .t{font-weight:bold;color:#000;line-height:12px;padding-top:6px;}
.list1 .box .texts{padding:6px 4px;line-height:14px;color:#626262;}

.pro_box{overflow:hidden;}
.pro_box h1{font-size:16px;color:#80a4ce;border-bottom:1px #a5a5a5 dotted;padding:20px  0px;padding-left:4px;margin-bottom:20px;}
.pro_box .imgs{float:left;width:302px;overflow:hidden;margin-right:20px;}
.pro_box .imgs img{border:1px #dfe8f7 solid;}
.pro_box .imgs .zoom{background:url(../images/ico_02.gif) no-repeat left;padding-left:20px;margin-top:4px;}
.pro_box .imgs .zoom a{ text-decoration:none;}
.pro_box .overview{float:left;line-height:16px;width:56%;padding-top:3px;}
.pro_box .overview table{border-collapse:collapse;}
.pro_box .overview td{padding:6px 0px;border-bottom:1px #c2baa6 dotted;border-top:1px #c2baa6 dotted;}
.pro_box .t{margin:30px 0px 10px 0px;border-bottom:1px #a5a5a5 dotted;padding-bottom:6px;font-size:12px;font-weight:bold;}
.pro_box .tools{float:right;width:244px;}
.pro_box .tools a{display:block;float:left;padding-left:24px;margin-left:20px;font-size:11px;font-weight:normal;}
.pro_box .tools a.btn_quote{background:url(../images/ico_09.gif) no-repeat left }
.pro_box .tools a.btn_pdf{background:url(../images/ico_10.gif) no-repeat left}
.pro_box .info {}
.pro_box .info .tables{border:1px #dbe5f6 solid;border-left:0px;border-right:0px;overflow:hidden;}
.pro_box .info table{border-collapse:collapse;text-align:center;}
.pro_box .info table th,.pro_box .info table td{border:1px #fff solid;text-align:left;padding:3px 8px;}
.pro_box .info table th{background:#ddecf9;color:#000;border-right:3px #6494ce solid;}
.pro_box .info table td{background:#f3f8fc;}

/*download style*/
.down_list{font-size:11px;}
.down_list .box{padding:10px 0px;line-height:20px;}
.down_list .box .title{background:#787878;color:#fff;font-weight:bold;border:0px;}
.down_list .box .tt{padding-left:14px;width:77%}
.down_list .box .cb{border:0px;}
.down_list .box ul{margin:4px 0px;padding:0px 0px 6px 0px;border-bottom:1px #ccc dotted;height:20px;}
.down_list .box li{float:left;list-style:none;}
.down_list .box .t{padding-left:16px;background:url(../images/icon.gif) no-repeat 3px -76px;margin:0px;}
.down_list .box .w80{width:76%;}
.down_list .box .w10{width:10%;}
/*download style end*/

/*contact style */
.contacts{line-height:18px;color:#444;}
.contacts .imgs{float:right;border:1px #ccc solid;margin-left:20px;padding:1px;width:400px;height:280px;}
.contacts .imgs img{padding:0px;}
.contacts .title{border-bottom:3px #e6e6e6 solid;margin:10px 0px;padding-bottom:10px;}
.contact_box{border-collapse:collapse;}
.font_red{color:#ad3734;}
.contact_box td,.contact_box .t{padding:4px 10px;border:2px #fff solid;}
.contact_box .t{background:#FAFAFA;text-align:left;}
.contact_box input{border:1px solid #ccc; font-family:Tahoma;font-size:11px;}
.contact_box select{border:1px solid #ccc; font-family:Tahoma;font-size:11px;}
.contact_box .input4{height:14px;line-height:10px;color:#a1a1a1;width:200px;padding-left:5px; font-family:Tahoma;color:#656565;}
.contact_box .input3{height:78px;width:98%;padding:4px;border:1px solid #ccc;}
/*contact style end */

/*site map style*/
.sitemap_box{padding:10px}
.sitemap_box a{text-decoration:none}
.sitemap_box .title{background:url(../images/icon.gif) no-repeat -106px -115px;border-bottom:dotted 1px #ccc;padding:8px 0px 4px 24px;font-weight:bold;color:#345973;display:block;}
.sitemap_box .info{padding:8px 24px;color:#1e1e1e;}
.sitemap_box .info a{color:#666;}
/*site map style end*/

/*order*/
.quote {}
.quote .fontorage{color:#f00;}
.quote table{border-collapse:collapse}
.quote td{padding:1px 8px;border:solid 1px #fff;}
.quote .t{ background:#FAFAFA;padding-left:8px;line-height:14px;color:#777;}
.quote .font10{font-size:10px;}
.quote .fontred{color:red;line-height:24px;}
.quote input{border:solid 1px #c5c5c5;border-right:solid 1px #e7e9e8;border-bottom:solid 1px #e7e9e8}
.quote select{border:solid 1px #c5c5c5;border-right:solid 1px #e7e9e8;border-bottom:solid 1px #e7e9e8}
.quote .input_small{height:10px;font-size:11px;line-height:10px;color:#a1a1a1;width:60px;padding-left:5px; font-family:Tahoma;color:#656565;}
.quote .input_center{font-size:11px;line-height:10px;color:#a1a1a1;width:300px;padding-left:5px; font-family:Tahoma;color:#656565;}
.quote .input_big{width:99%;border:solid 1px #c5c5c5;border-right:solid 1px #e7e9e8;border-bottom:solid 1px #e7e9e8}
.quote .submit{background:#ECE9D8;border:1px #CCCCCC solid;}
.quote .tips{width:auto;}
/*order end*/
/*faq style*/
.faqs{}
.faqs .faq_list,.faq_list li{margin:0px;padding-left:16px;}
.faqs .faq_list li{padding:3px 16px;padding-left:20px;list-style:none;background:url(../images/ico_04.gif) no-repeat left 10px;}
.faqs .faq_list li a{color:#104a77; text-decoration:none;line-height:12px;}
.faqs .faq_list li a:hover{background:#E95E02;color:#fff;font-weight:bold;}
.faqs .faq_box{clear:both;line-height:18px;padding:10px 0px;border-bottom:1px #ccc dotted;}
.faqs .faq_box .title{color:#000;font-weight:bold;}
.faqs .faq_box .info{color:#747474;padding:6px;}
/*faq style end*/


.related{padding:20px 0px;}
.related .title{border-bottom:1px #b19982 dotted;padding-bottom:6px;margin-bottom:10px;font-size:12px;font-weight:bold;}
.related .info{}
.related .info .box{float:left;width:104px;text-align:center;margin-bottom:10px;height:200px;}
.related .info .box img{border:3px #fff solid;}
.related .info .box span{display:block;}