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

@import url("reset.css");
#out{ width:860px; margin:0 auto;}
#header{ height:80px; background-image:url(../images/header_bg.jpg);}
#header img{ float:left; margin-top:22px; margin-left:23px;}
#link{ float:right; font-size:11px; color:#000; margin-top:16px; margin-right:21px; text-align:right; width:300px;}
#link a{ font-family:Verdana, 新細明體; font-size:11px; color:#000;line-height:18px; text-decoration:none;}
#link a:hover{ text-decoration:underline;}
#menu{ height:48px; background-color:#91a5c8;}
#menu ul{ height:42px; width:860px; margin-top:3px;}
#menu li{ float:left;}
#menu li.home a{ display:block; height:42px; width:173px; background-image:url(../images/navi.jpg); text-indent:-9999px;}
#menu li.about a{ display:block; height:42px; width:172px; background-image:url(../images/navi.jpg); background-position:-173px top; text-indent:-9999px;}
#menu li.product a{ display:block; height:42px; width:172px; background-image:url(../images/navi.jpg); background-position:-345px top; text-indent:-9999px;}
#menu li.service a{ display:block; height:42px; width:172px; background-image:url(../images/navi.jpg); background-position:-517px top; text-indent:-9999px;}
#menu li.contact a{ display:block; height:42px; width:170px; background-image:url(../images/navi.jpg); background-position:-690px top; text-indent:-9999px;}
#mainbanner{ height:176px;}
#down{ height:200px; background-image:url(../images/down_bg.jpg); background-repeat:no-repeat; padding:20px 30px; margin-bottom:33px; }
#box-1{ width:358px; background-image:url(../images/box-1_bg.jpg); background-position:bottom; height:240px; float:left; }
#box-1 h2{ width:358px; background-image:url(../images/box-1_header.jpg); height:39px;text-indent:-9999px; display:block;}
#txt-1{ width:308px;  margin:0 auto;margin-top:8px;font-family:Verdana; font-size:11px; color:#fff; line-height:16px; clear:both; display:block; height:85px;}
a.title { font-family:Verdana; font-size:12px; color:#fff; font-weight:bold; line-height:16px; text-decoration:none; display:block; margin-bottom:5px;}
a.title:hover{color:#fee900;}
a.more{ color:#00ffd3;font-family:Verdana; font-size:11px;display:block; float:right; text-decoration:none;  }
a.more:hover{ text-decoration:underline;}
#txt-1 img{ float:left; border:#888888 solid 3px;margin-right:10px; }

#box-2{ float:right; width:418px; margin-top:6px;}
#box-2 h2{ width:418px; background-image:url(../images/box-2_header.jpg); height:24px;text-indent:-9999px; display:block;margin-bottom:10px;}
#box-2 img{margin-bottom:2px;}
#txt-2{ width:418px;  margin:0 auto; font-family:Verdana; font-size:11px; color:#6c6c6c; height:24px;display:block; height:100px; }
#txt-2 ul{ margin-left:10px; width:405px;}
#txt-2 li{ border-bottom:#a5a5a5 dotted 1px;}
#txt-2 li a{background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left 5px;font-family:Verdana; font-size:12px; color:#666; font-weight:bold;text-decoration:none; padding-left:10px;line-height:22px; }
#txt-2 li a:hover{color:#FF9900;}

a.title-1 { font-family:Verdana; font-size:12px; color:#666; font-weight:bold; line-height:16px; text-decoration:none; display:block; margin-bottom:5px;}
a.title-1:hover{color:#FF9900;}
.date{ color:#53a8ff; font-size:10px; font-family:Verdana;}
a.more-1{ color:#36acce;font-family:Verdana; font-size:11px;text-decoration:none;  }
a.more-1:hover{ text-decoration:underline;}
#txt-2 img{ float:left;margin-right:6px; }


#menu li.home a:hover,#menu li.about a:hover,#menu li.product a:hover,#menu li.service a:hover,#menu li.contact a:hover{background-image:url(../images/navi-1.jpg);}
#footer{ height:40px; text-align:center; font-family:Verdana; font-size:11px; color:#6b6b6b; line-height:16px; background-color:#d3d5d6; clear:both; padding-top:10px;}



input{font-family:Verdana; font-size:11px; color:#ccc;}
select{font-family:Verdana; font-size:11px; color:#000;}

#space{ clear:both; height:30px;}

/******** about ***********/
#pageheader{ width:860px; height:112px;}
#main{ background-image:url(../images/down_bg.jpg); background-repeat:no-repeat; padding:24px 30px;}
#right{width:650px; float:right; border-left:#cdcdcd solid 1px;}
#right h1{  width:616px; height:32px; background-image:url(../images/title_bg.jpg); background-position:right; float:right; margin-bottom:40px;}
.spanh1{width:286px; height:32px; background-image:url(../images/title_bg_left.jpg); display:block; padding-left:14px; font-size:15px; font-family:Verdana; font-weight:bold; color:#ffcc03; line-height:32px; float:left;}
.spanh2{width:460px; height:32px; background-image:url(../images/title_bg_left.jpg); background-repeat:no-repeat;display:block; padding-left:14px; font-size:15px; font-family:Verdana; font-weight:bold; color:#ffcc03; line-height:32px; float:left;}
#right p{ font-size:12px; font-family:Verdana; color:#000; line-height:18px; float:left; width:410px; text-align:justify; margin-left:35px;}
.blue-big{font-size:15px; font-family:Verdana; color:#1b8cb4; line-height:18px; font-weight:bold; }
.blue{font-size:12px; font-family:Verdana; color:#1b8cb4; line-height:18px;}
#pic { float:right;  width:180px;}
#right img{ border:#d5d4d9 solid 1px; margin-bottom:26px; }
#left{ width:140px; float:left;}
#left ul{}
#left li{ background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left 10px;font-size:12px; font-family:Verdana; color:#000; line-height:22px; padding-left:10px; font-weight:bold;}
#left li a{font-size:12px; font-family:Verdana; color:#494949; line-height:22px; display:block; text-decoration:none; font-weight:normal;}
#left li a:hover{ text-decoration:underline;}

/******** 圖在下 ***********/
#right-1{width:650px; float:right; border-left:#cdcdcd solid 1px;}
#right-1 h1{  width:616px; height:32px; background-image:url(../images/title_bg.jpg); background-position:right; float:right; margin-bottom:40px;}
#right-1 p{ font-size:12px; font-family:Verdana; color:#000; line-height:18px; width:600px; text-align:justify; margin-left:35px; float:left; margin-bottom:20px;}
#pic-1 {   width:630px;float:left; margin-left:8px;}
#right-1 img{ border:#d5d4d9 solid 1px; margin-left:26px;  }

/******** 產品 ***********/
#right-pro{width:650px; float:right; border-left:#cdcdcd solid 1px;}
#right-pro h1{  width:616px; height:32px; background-image:url(../images/title_bg.jpg); background-position:right; float:right; margin-bottom:10px;}
#right-pro h2{  width:602px; border-bottom:#cdcdcd solid 1px;float:right; margin-bottom:10px; color:#1a8eb4; font-weight:bold;  line-height:24px;font-family:Verdana; font-size:12px;padding-left:14px; }
#main-pro{ background-image:url(../images/down_bg.jpg); background-repeat:no-repeat; padding:24px 20px;}
#left-pro{ width:160px; float:left;}
#left-pro ul{}
#left-pro li{ background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left 10px;font-size:12px; font-family:Verdana; color:#000; line-height:22px; padding-left:10px; font-weight:bold;}
#left-pro li a{font-size:12px; font-family:Verdana; color:#494949; line-height:22px; display:block; text-decoration:none; font-weight:normal;}
#left-pro li a:hover{ text-decoration:underline;}
#sec{ margin-left:0px;}
#left-pro li.second{ color:#1a8eb4; font-size:12px;font-weight:bold;  line-height:22px;font-family:Verdana; background-position:300px; text-decoration:underline; }
#left-pro li.second a{ color:#ooo; font-size:12px;line-height:22px;font-family:Verdana; background-position:300px; text-decoration:none; }
#left-pro li.second a:hover{ color:#1a8eb4; text-decoration:underline; }
#left-pro li.third{ color:#6a6a6a; font-size:11px;font-weight:bold;  line-height:18px;font-family:Verdana; background-position:300px; text-decoration:none; }
#left-pro li.third a{ color:#6a6a6a; font-size:11px;line-height:18px;font-family:Verdana; background-position:300px; text-decoration:none; }
#left-pro li.third a:hover{text-decoration:underline; }
.pro-box{ width:580px; height:76px; padding:14px 18px; float:right; background-image:url(../images/pro_box_bg.gif); background-position:top; background-repeat:repeat-x;}
.pro-table{ width:580px; padding:14px 18px; float:right; background-image:url(../images/pro_box_bg.gif); background-position:top; background-repeat:repeat-x; }
.pro-box img{ float:left;  border:#d5d4d9 solid 1px;}
.title-2{  float:right;font-family:Verdana; font-size:12px; color:#000; font-weight:bold; line-height:24px; text-decoration:none; display:block; padding-left:12px; width:460px; }
a.title-2{  float:right;font-family:Verdana; font-size:12px; color:#000; font-weight:bold; line-height:24px; text-decoration:none; display:block; padding-left:12px; width:460px; }
a.title-2:hover{color:#FF9900;}
.pro-box p{color:#ooo; font-size:11px;line-height:16px;font-family:Verdana;  float:right; width:460px; text-align:justify;}
.title-3{  float:left;font-family:Verdana; font-size:13px; color:#000; font-weight:bold; line-height:30px; text-decoration:none; display:block; width:380px; }
.pro-box-1{
	width:580px;
	float:right;
	background-image:url(../images/pro_box_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:auto;
	padding-top: 14px;
	padding-right: 18px;
	padding-bottom: 14px;
	padding-left: 18px;
}
.pro-box-1 img{ float:right;  border:#d5d4d9 solid 1px; margin-top:30px;}
.pro-box-1 p{color:#ooo; font-size:11px;line-height:16px;font-family:Verdana;  float:left; width:380px; text-align:justify; margin-bottom:20px;}
.table{width:580px; clear:both;color:#ooo; font-size:11px;line-height:16px;font-family:Verdana; margin:2px;  }
.table-1{ width:380px;clear:both;color:#ooo; font-size:11px;line-height:16px;font-family:Verdana; margin:2px; float:left;  }
.borderout{border:#ccc solid 1px;}
.border{border:#ccc solid 1px; padding:3px;}
.space{padding:3px;}
.white{color:#fff; font-size:11px;font-family:Verdana; line-height:16px;}

#pro_link{ clear:both; margin-top:0; }
#pro_link a{font-size:12px; color:#666; line-height:20px; text-decoration:none; font-family:Verdana; }
#pro_link a:hover{ text-decoration:underline;}
#pro_link img{ float:left; margin-right:5px;border:none; margin-top:0;}

/******** 服務 ***********/
#main-ser{ background-image:url(../images/down_bg.jpg); background-repeat:no-repeat; padding:24px 30px;}
#right-ser{width:650px; float:right; border-left:#cdcdcd solid 1px;}
#right-ser h1{  width:630px; height:32px; background-image:url(../images/title_bg.jpg); background-position:right; float:right; margin-bottom:40px;}
.title-4{  float:left;font-family:Verdana; font-size:13px; color:#1a8eb4; font-weight:bold; line-height:24px; text-decoration:none; display:block;width:420px; }
.ser-box p{color:#ooo; font-size:12px;line-height:18px;font-family:Verdana;  float:left; width:410px; text-align:justify;}
.ser-box{ width:590px; padding:14px 18px; float:right;}
.ser-box img{ float:right;  border:#d5d4d9 solid 1px; }
.ser-box-1 p{color:#ooo; font-size:12px;line-height:18px;font-family:Verdana;  float:left; width:410px; text-align:justify;}
.ser-box-1{ width:590px; padding:14px 18px; float:right; background-color:#e9e9e9;}
.ser-box-1 img{ float:right;  border:#d5d4d9 solid 1px;}

/********新聞 ***********/
#right-news{width:650px; float:right; border-left:#cdcdcd solid 1px;}
#right-news h1{  width:616px; height:32px; background-image:url(../images/title_bg.jpg); background-position:right; float:right; margin-bottom:40px;}
#right-news h2{  width:602px; border-bottom:#cdcdcd solid 1px;float:right; margin-bottom:10px; color:#1a8eb4; font-weight:bold;  line-height:24px;font-family:Verdana; font-size:12px;padding-left:14px; }
.news-box{ width:580px;padding:14px 18px; float:right; border-bottom:#a5a5a5 dotted 1px;}
.news-box p{color:#ooo; font-size:11px;line-height:16px;font-family:Verdana; text-align:justify;}
.news-box-1{ width:600px; float:right; }
.news-box-1 p{color:#ooo; font-size:11px;line-height:16px;font-family:Verdana; text-align:justify; margin-top:15px;}
.title-5{ font-family:Verdana; font-size:12px; color:#000; font-weight:bold; line-height:24px; text-decoration:none; display:block;   }
a.title-5{ font-family:Verdana; font-size:12px; color:#000; font-weight:bold; line-height:24px; text-decoration:none; display:block; }
a.title-5:hover{color:#FF9900;}

/********聯絡 ***********/
.mail{ font-family:Verdana; font-size:18px; color:#1a8eb4;line-height:40px; font-weight:bold; float:left; margin-left:40px; display:block;}
a.mail { text-decoration:none;}
.mailbox{width:750px;  margin:0 auto; clear:both; }
.mailbox h1{ background-image:url(../images/contact_title_bg.jpg);height:32px;padding-left:14px; font-size:15px; font-family:Verdana; font-weight:bold; color:#ffcc03; line-height:32px; }
.info{ margin-top:20px; float:left; width:420px; margin-left:14px; margin-bottom:30px; }
.info ul{}
.info li{ font-family:Verdana; font-size:12px; color:#000;  line-height:28px;border-bottom:#a5a5a5 dotted 1px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left 10px; padding-left:10px;}
.info li a{ text-decoration:none; font-family:Verdana; font-size:12px; color:#000;  line-height:28px;}
.info li a:hover{ text-decoration:underline;}

.info li.none{ font-family:Verdana; font-size:12px; color:#000;  line-height:28px;border-bottom:#a5a5a5 dotted 1px;  padding-left:58px;background-position:left 40px;}
.info li.none a{ text-decoration:none; font-family:Verdana; font-size:12px; color:#000;  line-height:28px;}
.info li.none a:hover{ text-decoration:underline;}

#form{ width:400px; padding:10px; background-color:#E4E4E4;}
.mailbox img{ float:right;  border:#d5d4d9 solid 1px; margin:10px;}
.black{ font-weight:bold; font-family:Verdana; font-size:12px; color:#000;}
.black-1{ font-weight:bold; font-family:Verdana; font-size:12px; color:#000; line-height:28px;}
.black-2{ font-family:Verdana; font-size:11px; color:#000; line-height:16px;}
#map{ float:right; margin-top:20px; }

#other{ width:750px; clear:both; margin:0 auto;}
#other .mailbox-canada{width:370px; float:left; }
#other .mailbox-canada h1{ background-image:url(../images/contact_title_bg.jpg); background-position:right;height:32px;padding-left:14px; font-size:15px; font-family:Verdana; font-weight:bold; color:#ffcc03; line-height:32px; }
.info-1{ margin-top:20px; float:left; width:350px; margin-left:14px; margin-bottom:20px; }
.info-1 ul{}
.info-1 li{ font-family:Verdana; font-size:12px; color:#000;  line-height:28px;border-bottom:#a5a5a5 dotted 1px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left 10px; padding-left:10px;}
.info-1 li a{ text-decoration:none; font-family:Verdana; font-size:12px; color:#000;  line-height:28px;}
.info-1 li a:hover{ text-decoration:underline;}
.info-1 li.none{ font-family:Verdana; font-size:12px; color:#000;  line-height:28px;border-bottom:#a5a5a5 dotted 1px;  padding-left:74px;background-position:left 40px;}

#other .mailbox-china{width:370px; float:right; }
#other .mailbox-china h1{ background-image:url(../images/contact_title_bg.jpg); background-position:right;height:32px;padding-left:14px; font-size:15px; font-family:Verdana; font-weight:bold; color:#ffcc03; line-height:32px; }