@charset "big5";
body{ margin:0px; padding:0px; background:#FFF; font-size:13px;}
ul{ margin:0px; padding:0px; list-style:none;}
form{ margin:0px; padding:0px;}
#box{ width:970px; margin:0px auto;}
#boxleft{ width:270px; overflow:hidden; float:left; background:url(../images/leftbg.jpg) no-repeat top;}
#serline1{ margin:0px auto auto 18px;}
#online{ margin:10px auto auto 30px;}
#boxright{ width:690px; overflow:hidden; float:right;}
#righttitle{ height:30px;}
#righttitle1{ float:left; margin:8px auto auto 10px;}
#righttitle2{ float:right; margin:10px 32px auto auto;}
#righttitle2 a{ color:#000; text-decoration:none;}
#rightbg1{ width:670px; height:12px; line-height:12px; background:url(../images/rightbg1.jpg);}
#rightbg2{ width:670px; height:12px; line-height:12px; background:url(../images/rightbg2.jpg);}
#rightcon{ overflow:hidden; width:640px; margin-left:14px;}
#inforcon1{ margin:12px 0px;}
#inforcon2{ overflow:hidden; line-height:25px;}
#inforcon3{ height:200px; background:url(../images/infor_3.jpg) no-repeat right bottom; margin-top:14px;}
#inforcon3_1{ width:301px; height:23px; font-size:15px; font-weight:bold; line-height:23px; color:#FFF; background:url(../images/infor_2.jpg) no-repeat; padding-left:8px;}
#inforcon3_2{ width:310px; overflow:hidden; line-height:25px; margin-top:10px; color:#F00;}
#processcon1{ width:121px; height:23px; background:url(../images/infor_2.jpg) no-repeat right; font-size:15px; font-weight:bold; line-height:23px; color:#FFF; padding-left:8px; margin:8px 0px;}
#projectcon1{ width:611px; overflow:hidden; margin:16px auto 0px 12px;}
#projectcon1_1{ width:611px; height:26px; background:url(../images/project_1.jpg) no-repeat; text-align:center; font-size:15px; font-weight:bold; line-height:26px; color:#FFF;}
#projectcon1_2{ width:607px; overflow:hidden; border-left:#1c5ea2 2px solid; border-right:#1c5ea2 2px solid;}
#projectcon1_21{ float:right; margin:10px;}
#projectcon1_22{ width:330px; overflow:hidden; line-height:24px; margin:10px; float:left; background:#5F5F5F;}
#projectcon1_3{ width:611px; height:10px; background:url(../images/project_2.jpg); line-height:10px;}
#pcontact1{ margin:20px auto auto 36px; line-height:25px;}
#pinput01{ height:12px; width:150px;}
#pinput02{ width:220px; height:70px; margin-bottom:10px;}
#pinput03{ height:12px; width:40px;}
#pservice1{ height:30px; margin-top:16px;}
#pservice1_1{ float:left; width:10px; height:30px; background:url(../images/pservice1.gif) no-repeat;}
#pservice1_2{ min-width:300px; height:30px; background:url(../images/pservice2.gif) repeat-x; float:left; font-size:15px; font-weight:bold; color:#FFF; line-height:30px;}
#pservice1_3{ float:left; width:10px; height:30px; background:url(../images/pservice3.gif) no-repeat;}
#pservice2{ margin:8px 5px; line-height:25px; color:#585858;}
#brandbox{ width:670px; overflow:hidden; border-left:#e7e7e7 1px solid; border-right:#e7e7e7 1px solid; float:left;}
#brandcon{ overflow:hidden; width:660px;}
#brandcon li{ width:145px; height:130px; float:left; display:block; margin-left:15px; margin-top:14px; border-right:#cdcdcd 1px dashed;}
#brandcon2 li{ height:22px; width:50px; line-height:22px; margin:0px; padding-left:14px; background:url(../images/brandico.jpg) no-repeat 5px 10px; border:0px;}
#brandcon2 a{ text-decoration:none; color:#000;}
#brandcon1{ height:80px; margin-top:10px;}
#brandcon1 img{ float:left; margin-left:5px;}
#bottom{ 
width:970px;
height:70px;
margin:10px auto 0px auto;
background:#ececec;
}
#bottom #flogo {
float:left;
margin:20px 20px 0 40px;
}
#bottom #fnav {
float:right;
width:700px;
margin-top:20px;
color:#6b6b6b;
font-size:13px;
}
#bottom #fnav a {
margin:0 6px;
color:#6b6b6b;
}
#bottom #copy {
float:right;
width:694px;
margin-top:10px;
}
#psampo1{ margin:10px auto 10px 24px;}
#psampo2{ margin-left:30px; line-height:24px; color:#F00;}
#psampo3{ width:600px; overflow:hidden; margin:24px auto 10px 20px; border-bottom:#bebebe 1px solid;}
#psampo3_1{ float:left; margin:10px 5px;}
#psampo3_2{ width:400px; overflow:hidden; margin:10px auto auto 0px; float:left;}
#psampo3_3{ width:154px; height:34px; font-size:17px; font-weight:bold; line-height:34px; color:#FFF; background:url(../images/sampo_3.jpg); text-align:center;}
#psampo3_4{ margin:10px auto auto 10px; line-height:23px; color:#3C3C3C;}
#psampo4{ width:530px; line-height:22px; margin:10px auto 14px 20px; color:#F00; float:right;}
#psampo4 div{ color:#000;}
#psampo5{ width:600px; margin:10px auto auto 20px;}
#psampo6{ width:630px; overflow:hidden; margin:10px auto auto 20px;}

/*keywords*/
#keywords{ width:600px; margin-left:24px; overflow:hidden;}
h1{ color:#0c61d4; font-size:21px;}
h2{ color:#c03717; font-size:17px;}
#keywords1{ line-height:24px;}
#keywords1 a{ color:#C60;}
#keywords2{ line-height:24px; color:#F00;}
#keywords3{ width:700px; overflow:hidden;}
#keywords3 li{ width:170px; height:170px; display:block; float:left; text-align:center;}
#answer{ padding:10px 20px; overflow:hidden; line-height:24px;}
/*keywords*/

/*ºu°Ê*/
.rollBox{width:990px;overflow:hidden;background:url(images/product_bg.jpg) no-repeat; padding:2px 6px 0px 6px; height:100px;}
.rollBox .LeftBotton{height:89px;width:12px;background:url(../images/pro_l.jpg) no-repeat ; overflow:hidden;float:left;display:inline; margin:0px 10px;cursor:pointer;}
.rollBox .RightBotton{height:89px;width:12px;background:url(../images/pro_r.jpg) no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:0px 10px;cursor:pointer;}
.rollBox .Cont{width:570px; overflow:hidden;float:left; padding:0;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:66px;float:left;text-align:center; margin:10px 8px;}
.rollBox .Cont .pic img{display:block;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox #List1,.rollBox #List2{float:left;}
/*ºu°Ê*/




#ll{ width:200px; margin-left:40px;}
#ll h3{ color:#900; background:#E8E8E6; padding:5px;}
#ll p{ margin-top:5px; padding-left:10px;}


#lg{ overflow:hidden;}
#lg li{ float:left; width:40%; height:260px; border:1px solid #ccc; margin-right:5px; text-align:center; margin-bottom:5px;}