@charset "utf-8";
/*取消 Html 原有樣式---------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{
	border:0;
	_behavior:url("css/iepngfix.htc");
}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul {list-style:none;margin:0;padding:0;}
/*基本------------------------------------------*/
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll;z-index: 999;font-size:12px;}
body{font-family: Arial, Verdana, sans-serif, "新細明體";background:url(../images/bg.jpg) repeat-x #000000;color:#7a7a7a;-webkit-text-size-adjust:none;}
a {color:#0a2f8f;text-decoration:none;}
/*共用-----------------------------------------*/

#container{width:1166px;margin:0px auto;}
#header{position:relative;float:left;width:1004px;height:499px;}
#logo h1 a{position:absolute;top:33px;left:93px;width:168px;height:88px;display:block;background:url(../images/logo.png) no-repeat;_background:url(../images/logo.gif) no-repeat;text-indent:-9999px;z-index:100;}
#menu{position:absolute;top:94px;width:1166px;height:47px;background:url(../images/menu.png) no-repeat;_background:url(../images/menu.gif) no-repeat;}
#menu ul li{float:left;}
#menu ul li a{height:47px;display:block;text-indent:-9999px;}

.m1{width:430px;display:block;}
.m1:hover{background:url(../images/menu.png) 0px -47px no-repeat;_background:url(../images/menu.gif) 0px -47px no-repeat;}

.m2{width:206px;margin-left:1px;}
.m2:hover{background:url(../images/menu.png) -431px -47px no-repeat;_background:url(../images/menu.gif) -431px -47px no-repeat;}

.m3{width:249px;margin-left:1px;}
.m3:hover{background:url(../images/menu.png) -638px -47px no-repeat;_background:url(../images/menu.gif) -638px -47px no-repeat;}

.m4{width:278px;margin-left:1px;}
.m4:hover{background:url(../images/menu.png) -888px -47px no-repeat;_background:url(../images/menu.gif) -888px -47px no-repeat;}

#banner{position:absolute;top:148px;left:91px;width:1004px;height:353px;}
#banner .img8{position:absolute;float:left;width:60px;height:353px;background:url(../images/newsimg.png) no-repeat;display:block;text-indent:-9999px;}
#banner .img{position:absolute;float:left;left:60px;width:949px;height:353px;}
/*左邊*/
#left{position:relative;float:left;top:17px;left:91px;width:660px;height:231px;}
#welcome{float:left;width:660px;height:233px;background:url(../images/indexleft.png) no-repeat;_background:url(../images/indexleft.gif) no-repeat;}
#welcome .img1{float:left;width:659px;height:33px;background:url(../images/welcomeimg.png) no-repeat;_background:url(../images/welcomeimg.gif) no-repeat;text-indent:-9999px;}
#welcome .content{float:left;width:445px;height:170px;padding-top:22px;padding-left:24px;line-height:20px;font-size:14px;color:#aaa9a9;} 
#welcome .content h3{float:left;font-size:16px;color:#ffffff;}
#welcome .smallimg{float:left;width:178px;height:162px;padding-top:27px;padding-left:7px;}
#welcome .smallimg table{border:1px #4f4f4f solid;}
#welcome .smallimg a{float:left;margin-left:5px;margin-top:0px;}

/*右邊*/
#right{position:relative;float:right;width:325px;height:231px;top:17px;right:70px;}
#contact{float:left;width:327px;height:233px;background:url(../images/indexright.png) no-repeat;_background:url(../images/indexright.gif) no-repeat;}
#contact .img3{float:left;width:324px;height:33px;background:url(../images/contactimg.png) no-repeat;_background:url(../images/contactimg.gif) no-repeat;text-indent:-9999px;}
#contact .contentus{float:left;width:298px;height:170px;padding-top:22px;padding-left:24px;line-height:21px;font-size:14px;} 
#contact .contentus h3{float:left;font-size:14px;color:#ffffff;}

/*底部*/
#footer{position:relative;float:left;width:1003px;height:80px;}
#footer .msg1{float:left;padding-top:30px;padding-left:119px;font-size:12px;color:#4d4d4d;}

/*company*/
#headimg{position:absolute;float:left;top:148px;left:91px;width:1002px;height:216px;}
#header_comp{position:relative;float:left;width:1002px;height:363px;}
.compbodyybt{position:absolute;left:263px;bottom:-49px;width:499px;height:380px;z-index:1;background:url(../images/compbg.png) no-repeat;}
.img4{position:relative;float:left;width:1001px;height:33px;background:url(../images/company_topic.png) no-repeat;_background:url(../images/company_topic.gif) no-repeat;text-indent:-9999px;}
#content{position:relative;float:left;top:20px;left:91px;width:1002px;}
#company{position:relative;float:left;width:1004px;background:url(../images/company_bg.png) repeat-y;_background:url(../images/company_bg.gif) repeat-y;z-index:2;}
#company .word2{position:relative;z-index:10;float:left;width:545px;padding-top:20px;padding-left:54px;}
#company .word2 span{line-height:20px;font-size:14px;color:#aaa9a9;}
#company .word2 p{padding-top:25px;line-height:20px;font-size:14px;color:#aaa9a9;}
#company .word2 ul{padding-top:25px;line-height:20px;font-size:14px;color:#aaa9a9;}
#company .copmanyimg{position:relative;float:left;width:405px;padding-top:20px;z-index:10;}
#company .copmanyimg table{border:1px #4f4f4f solid;width:158px;height:135px;}
#company .copmanyimg img{float:left;margin-left:5px;}
#company .copmanyimg ul li{float:left;margin-left:20px;margin-top:16px;_margin-left:10px;_margin-right:10px;}
.bg{position:relative;float:left;width:1001px;height:49px;background:url(../images/footer.png);_background:url(../images/footer.gif);z-index:1;}

/*contact*/
#contant{position:relative;float:left;top:20px;left:91px;width:1002px;}
#compbody{position:relative;float:left;width:1002px;z-index:10;}
#contactbg{position:relative;float:left;width:1002px;background:url(../images/contact_bg.png) repeat-y;_background:url(../images/contact_bg.gif) repeat-y;z-index:10;}
.img5{position:relative;float:left;width:1001px;height:33px;background:url(../images/contact_topic.png) no-repeat;_background:url(../images/contact_topic.gif) no-repeat;text-indent:-9999px;}
#contactbg .contactleft{position:relative;float:left;width:410px;height:596px;padding-top:62px;padding-left:54px;z-index:4;}
#contactbg .contactleft .wordimg{width:279px;height:38px;background:url(../images/wordimg.png) no-repeat;_background:url(../images/wordimg.gif) no-repeat;text-indent:-9999px;z-index:4;}
#contactbg .contactleft span{float:left;width:400px;margin-top:20px;line-height:20px;font-size:14px;color:#aaa9a9;z-index:4;}
#contactbg .contactleft font{color:#ffffff;}
#contactbg .contactright{position:relative;float:left;width:518px;height:596px;padding-top:62px;padding-left:16px;z-index:4;}
#contactbg .contactright .word6{font-size:14px;line-height:20px;color:#aaa9a9;}
#contactbg .contactright .word7{font-size:14px;padding-top:24px;color:#aaa9a9;}
#contactbg .contactright font{margin-left:53px;color:#eeeeee;font-size:13px;}
#contactbg .contactright .net{width:95ph;height:22px;font-size:13px;margin-left:13px;color:#606060;border:2px #9e9e9e solid;}
#contactbg .contactright #conatcttable{position:relative;float:left;width:456px;height:411px;margin-top:15px;font-size:13px;font-weight:bold;color:#eeeeee;}
#contactbg .contactright #conatcttable .cal{width:456px;height:20px;border:2px #b2b2b2 solid;}
#contactbg .contactright #conatcttable .ctext{width:453px;height:116px;border:2px #b2b2b2 solid;overflow:hidden;}
.csubmit{position:relative;float:left;margin-left:-10px;width:72px;height:41px;background:url(../images/send.png) no-repeat;_background:url(../images/send.gif) no-repeat;}
#contactbg .contactright #conatcttable font{float:right;margin-top:10px;margin-right:5px;}
#contactbottom{float:left;width:1002px;background:url(../images/contactbg.png) no-repeat;}
.contactbt{position:absolute;left:415px;top:0px;width:585px;height:330px;background:url(../images/aaaaa.png) no-repeat;_background:url(../images/aaaaa.gif) no-repeat;z-index:1;}

/*product_left*/
#product{position:relative;float:left;top:20px;left:91px;width:1002px;}
.img6{position:relative;float:left;width:1002px;height:33px;background:url(../images/product_topic.png) no-repeat;_background:url(../images/product_topic.gif) no-repeat;text-indent:-9999px;}
#product_showroom{position:relative;float:left;width:1002px;_width:1027px;background:url(../images/probg.png) repeat-y;_background:url(../images/probg.gif) repeat-y;z-index:1}
#product_left{position:relative;float:left;width:660px;}
#product_left .productimg {float:left;width:640px;height:220px;margin-top:17px;margin-left:12px;z-index:9;}
#product_left #proimgbg{position:absolute;left:270px;top:17px;width:375px;height:155px;background:url(../images/prowordimg.png) no-repeat;_background:url(../images/prowordimg.gif) no-repeat;z-index:11px;}
#product_left .productsmall{position:relative;float:left;margin-left:12px;margin-top:17px;width:307px;height:132px;_display:inline;}
#product_left .productimg_left{position:relative;float:left;width:146px;height:123px;border:1px #4a4a4a solid;padding:6px;}
#product_left .productimg_left td{background:#ffffff;}
#product_left .productword_right{float:left;width:115px;_width:119px;margin-top:10px;margin-left:10px;}
#product_left .productword_right a{font-size:14px;color:#ffffff;}
#product_left .productword_right .productMore{position:absolute;float:left;bottom:0px;left:170px;color:#919191;font-size:14px;}

#product_left  li{float:left;}
.dbodybt{float:left;width:1002px;height:91px;background:url(../images/product_bg.png) no-repeat;_background:url(../images/product_bg.gif) no-repeat;z-index:1;}
.page{position:relative;float:left;margin-top:40px;margin-left:170px;color:#a1a1a1;_margin-left:85px;}
.page a{color:#a1a1a1;z-index:10;}

/*product_right*/
#product_right{position:relative;float:left;margin-left:11px;_margin-left:11px;}
#product_menu{float:left;width:325px;height:746px;background:url(../images/productmenu_bg.png) no-repeat;_background:url(../images/productmenu_bg.gif) no-repeat;}

/*product_topic*/
#product_top{position:relative;float:left;margin-left:30px;margin-top:26px;_margin-left:15px;font-size:14px;color:#ececec;}
#product_top font{color:#ffffff;}
#product_left .product_veiwimg{position:relative;float:left;margin-left:28px;margin-top:17px;border:1px #505050 solid;background:#ffffff;}
#product_left .smallimg{position:relative;float:left;margin-left:16px;margin-top:13px;width:640px;height:82px;_margin-left:8px;}
#product_left .smallimg li{float:left;width:103px;height:72px;padding:4px;margin-left:12px;margin-right:1px;border:1px solid #505050;overflow:hidden;_display:inline;}
#product_left .smallimg li table{float:left;overflow:hidden;width:103px;height:72px;}
#product_left .smallimg li td{float:left;background:#ffffff;width:103px;height:72px;overflow:hidden;}
#product_left .word3{float:left;width:620px;margin-left:28px;margin-top:38px;_margin-left:14px;}
#product_left .word3 span{float:left;line-height:20px;font-size:18px;color:#7bc1e5;width:620px;}

#product_left .word4{float:left;width:620px;}
#product_left .word4 h4{float:left;margin-top:30px;font-size:15px;color:#7bc1e5;font-weight:normal;width:620px;}
#product_left .word4 div{float:left;font-size:14px;color:#dddddd;line-height:20px;width:620px;margin-top:17px;}
/*
#product_left .word3 .word4 li{font-size:14px;color:#dddddd;line-height:20px;width:620px;}
#product_left .word3 .word5{float:left;margin-top:17px;}
#product_left .word3 .word5 li{font-size:14px;color:#dedede;line-height:20px;width:620px;}
*/
#procsubmit{position:absolute;bottom:20px;left:234px;width:146px;height:41px;background:url(../images/probit.png) no-repeat;_background:url(../images/probit.gif) no-repeat;}
#menuright{float:left;margin-top:17px;width:293px;height:600px;}
#menuright li{float:left;width:323px;height:40px;background:url(../images/menuimghover.png) no-repeat;_background:url(../images/menuimghover.gif) no-repeat;margin-bottom:3px;}  

#menuright a{float:left;width:293px;padding-left:25px;font-size:16px;color:#000000;/*font-weight:bold;*/line-height:30px;}
#menuright a:hover{float:left;width:323px;height:40px;background:url(../images/menuimg.png) no-repeat;_background:url(../images/menuimg.gif) no-repeat;color:#c0f23a;}
#menuright a.on{float:left;width:323px;height:40px;background:url(../images/menuimg.png) no-repeat;_background:url(../images/menuimg.gif) no-repeat;color:#c0f23a;}







