@charset "utf-8";
/* CSS Document */
html,ul,ol,li,dl,dt,dd,form,table,h1,h2,h3,h4,h5,img{padding:0;margin:0;}
body{margin:0 auto; color:#2A2A2A; background:url(../images/zettler_04.gif) repeat-x; background-color:#ADADAD; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif;}/*1em=12px,1.25em=14px,1.5em=18px*/
a{color:#2A2A2A;text-decoration:none;}
a:hover{color:#2A2A2A; text-decoration:underline;}
a img,table{border:none;}
input{vertical-align:middle;}
ul,li{list-style:none; padding:0; margin:0;}
.clearboth{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
.fleft{float:left;}
.fright{float:right;}
.none{ display:none;}
.underline{word-break:keep-all; overflow:hidden; text-overflow : ellipsis ; white-space:nowrap;}

#body{width:776px; background-color:#fff; text-align:left;}
#head{float:left; padding:0 11px 0 8px; width:757px; height:92px; background:url(../images/zettler_02.gif) repeat-x;}
#head .log{ float:left; margin-top:38px;}
#head .top{ float:right; padding-top:44px; width:250px; text-align:right;}
#head .top dt{line-height:20px; padding-bottom:5px;}
#head .top .lan{ padding-left:20px;}
#head .top .lan li{ float:left; line-height:17px;}

#nav,#banner,#content{padding:5px 0px 5px 8px; width:768px; float:left; background-color:#fff;}
#nav{padding:0 0 0 0; width:776px; height:53px; background-color:#EFEFEF; border-bottom:2px solid #DBDBDB;}
#nav .search{ float:left; padding-top:3px; padding-left:10px; background:url(../images/zettler_24.gif); height:26px;}
#nav .search .t1{ height:14px; width:120px; line-height:14px; font-size:11px;}

#banner{border-bottom:1px solid #DBDBDB;}
#banner .bleft{ float:left; width:341px; padding-right:9px;}
#banner .bcenter{ float:left; width:199px; padding-right:9px;}
#banner .bcenter dd{ margin-top:4px;}
#banner .bcenter dt{ margin-bottom:4px;}
#banner .bcenter a img{filter:Gray; border:1px solid #B3B3B5;}
#banner .bcenter a:hover img{filter:Alpha(opacity=100,finishOpacity=100,style=3); border:2px solid #F60;}
#banner .bright{ float:left; width:199px;}
#banner .bright dl.img{ background:url(../images/zettlers_08.gif) no-repeat; width:199px;}
#banner .bright dl.zt{margin-top:3px; width:199px;}
#banner .bright .flash{ width:181px; height:125px; padding:9px; background:url(../images/zettlerp_0310.jpg) no-repeat;}
#banner .bright dl.zt dt{width:199px; float:left;margin-bottom:7px;}
#banner .bright dl.zt dd{ float:left;}
#banner .bright dl.zt dd a{ display:block; padding:0px 6px; float:left; margin-right:2px;}
#banner .bright dl.zt dd a:hover{ background-color:#FF6500; color:#fff;}
#banner .bright dl.zt dd.a2 a{background-color:#FF6500; color:#fff;}
#banner .bright dd.lt{ width:194px; float:left; margin-top:10px; padding-left:5px;}

.bar dt{background:url(../images/zettlers_17.gif) repeat-x; height:23px; line-height:22px;}
.bar dt span{background:url(../images/zettlers_16.gif) no-repeat; display:block; padding-left:13px;}

.zs p{padding:0;margin:0;background:url(../images/zettlers_17.gif) repeat-x; height:23px; line-height:22px;}
.zs p span{background:url(../images/zettlers_16.gif) no-repeat; display:block; padding-left:13px;}

.blue{ color:#004EA2;}
.blue a{color:#004EA2; text-decoration:underline;}
.blue a:hover{color:#004EA2; text-decoration:underline;}
.blues a{ color:#071F8B;text-decoration:underline;}
.blues a:hover{ color:#071F8B;text-decoration:underline;}
.t1{ color:#A7A7A7;}
.t2{ color:#FF6408;}
.t2 a{ color:#FF6408; text-decoration:underline;}
.t2 a:hover{ color:#FF6408; }

#content .ceff{ width:231px; background:url(../images/zettlers_27.gif) no-repeat; padding:5px 2px 0 10px; color:#000; height:50px;}
#content .ceff span{ color:#fff; font-size:14px; font-weight:bold; display:block; padding-top:5px; padding-left:10px;}
#content{border-bottom:1px solid #DBDBDB; padding-bottom:0px; line-height:120%;overflow:hidden;}
#content .cleft{ width:207px; padding-right:5px; border-right:1px solid #DBDBDB; float:left;overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}
#content .ccenter{ width:330px; padding:0 5px; border-right:1px solid #DBDBDB; float:left;overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}
#content .cright{ width:199px; padding-left:5px; float:left;overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}
#content .bar dd{ padding-top:5px; padding-left:5px;}
#content .ccenter .lists{ padding-bottom:10px;}
#content .ccenter .lists p{ margin:0; padding:0; line-height:20px; background:url(../images/zet_r27_c3.jpg) left center no-repeat; padding-left:10px; width:280px;word-break:keep-all; overflow:hidden; text-overflow : ellipsis ; white-space:nowrap;}

#foot{ padding:5px 0 0 8px; line-height:20px; clear:both; border-bottom-width:0px; height:25px;}

#main{width:776px; float:left; border-bottom:1px solid #DBDBDB;overflow:hidden;}
#main .mleft{ background-color:#fff; width:184px; float:left; border-right:1px solid #DBDBDB;overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}
#main .mcenter{ background-color:#fff; width:583px; float:left; padding-left:8px;overflow:hidden;padding-bottom:30000px;margin-bottom:-30000px;}

#main .mleft dt{ width:184px; float:left; padding:15px 8px;}
#main .mleft .cu{ font-size:14px; font-weight:bold; line-height:14px;}
#main .mleft .cs{ display:block; width:174px; padding-right:10px; float:left; padding-top:8px;}

#main .mcenter .content{ border-bottom:1px dotted #DBDBDB; width:570px; float:left; padding-bottom:10px;}
#main .mcenter .top{border-bottom:1px dotted #DBDBDB; padding-bottom:5px; margin-bottom:5px; background:url(../images/lcd_r12_c2.jpg) repeat-x 0px 16px;}
#main .mcenter .top dt{ line-height:15px;}
#main .mcenter .top dd{background:url(../images/zet_r10_c10.jpg) no-repeat left 10px; padding-left:10px; padding-top:7px; font-size:16px; font-weight:bold;}
#main .mcenter .title{ padding:10px 0;}
#main .mcenter .title p.tt{padding:0;margin:0;background:url(../images/zettlerp_11.jpg) no-repeat left 3px; line-height:20px; padding-left:15px; color:#DD6214; font-size:12px;}
#main .mcenter .title p.tt a{ color:#DD6214;}

#main .protitle p.timg{padding:0;margin:0; float:left; width:190px; padding:20px 0 0 17px; height:128px; background:url(../images/zettlerp_03.jpg) no-repeat;}
#main .protitle p.ttext{padding:0;margin:0; float:left; width:330px; height:120px; padding-left:5px;}
#main .protitle p.more{padding:0;margin:0; float:left;text-align:left; width:330px; padding-left:5px;}

#main .mcenter .title p.time{padding:0;margin:0; color:#8A8A8A;}
#main .mcenter .more{text-align:right; padding-right:15px;}
#main .mcenter .list{width:570px; float:left; padding-bottom:20px;}
#main .mcenter .list li{width:110px; margin-right:10px; float:left; text-align:center;}
#main .mcenter .list img{ border:1px solid #DBDBDB;}
#main .mcenter .list .text{ line-height:13px; height:30px; padding-top:5px;}
#main .mcenter .pros{}

#main .proclass{ padding-left:10px; padding-bottom:20px;}
#main .proclass dt{ font-size:12px; font-weight:bold; line-height:30px;}
#main .proclass dd{ padding-right:10px;}
#main .prosm{ width:553px; float:left; background-color:#fff; border:0px solid #CCC; padding:20px 0 5px 15px;}
#main .prosm dl{ float:left; width:110px; margin:0 10px;}
#main .prosm dt{ background-color:#fff; height:100px; overflow:hidden; padding:5px; text-align:center;}
#main .prosm dt a{ display:block; width:100px; height:100px;}
#main .prosm dd{ text-align:center; height:50px; line-height:15px; padding:3px 0; padding-bottom:5px;}
#main .prosm dd a{ text-decoration:underline;}
#main .pos dl{ padding-bottom:15px;}
#main .tab{ width:568px; margin-left:5px; border:1px solid #BEBEBE; border-width:1px 0 0 1px; text-align:center;}
#main .tab td{border:1px solid #BEBEBE; border-width:0px 1px 1px 0px;}
#main .tab tr{ height:30px;}
#main .tab .st{ font-weight:bold; height:30px;}
#main .tab a{ text-decoration:underline;}

#main .proinfo{ width:570px; padding:15px 0;}
#main .proinfo dt.info{ float:left; width:300px; padding-left:10px;word-wrap:break-word;}
#main .proinfo dt.info p{ padding:2px 0; width:298px;word-wrap:break-word;padding:0;margin:0;}
#main .proinfo span.sp{ display:block; width:200px;}
#main .proinfo dd{ float:left; width:250px; text-align:center; line-height:20px;}
#main .proinfo dd .pimg{ border:0px solid #D9D9D9;}
#main .pimgs{ width:570px; padding-left:10px; }
#main .pimgs li{ float:left; padding-bottom:20px;}
#main .pimgs li a{float:left; display:block; border:1px solid #918C89; width:90px; height:80px; margin-right:30px; padding:20px 0 0 10px;}
#main .pimgs li.a2 a{float:left; display:block; border:1px solid #FF640B; width:90px; height:80px; margin-right:30px; padding:20px 0 0 10px;}
#main .pimgs li a:hover{border:1px solid #FF640B;}
#main .pdf{ width:570px; padding:10px 0 5px 0;}
#main .pdf a{ text-decoration:underline;}
#main .pdf li{ float:right; padding-right:10px;}
#main .pdf li.p1{ padding-left:35px; height:40px; line-height:30px;}
#main .pdf li.p2{ padding-left:40px; height:40px; line-height:30px;}
#main .pdfs{ clear:both; width:570px;}

#main .about{ width:536px;}
#main .about dt{ padding-bottom:20px;}
#main .about dd.events ul{ padding:10px 0 10px 15px; border-top:2px solid #666;}
#main .about dd.events li{ padding:5px 0 5px 10px; background:url(../images/events_14.jpg) 0 12px no-repeat; border-bottom:1px dotted #666;}
#main .about dd.event{ line-height:15px;}
#main .staff{ padding-top:0px; text-align:center;}
#main .staff li{ float:left; margin-right:20px; padding:10px; width:140px; border:1px solid #918C89; margin-bottom:20px; margin-top:0px;}
#main .staff li a{ display:block; float:left; }
#main .staff p{ clear:left;}
#main .staff p.name{padding:0;margin:0; height:15px; padding-top:3px;}
#main .staff p.work{padding:0;margin:0; height:30px; padding-top:3px;}
#main .map{ padding:10px 0; padding-left:20px;}
#main .map dt{ background:url(../images/zettlerp_11.jpg) 0 4px no-repeat; padding-left:13px; line-height:20px; font-weight:bold;}
#main .map dd{ padding-left:15px; line-height:15px;}
#main .map dd p{padding:0;margin:0; padding-left:5px;}

#main .about .tpp{ widows:570px; paddingp:5px 0; height:20px; padding-top:20px;}
#main .about .tpp li.li1{ float:left; padding-left:15px; background:url(../images/events_07.jpg) no-repeat;}
#main .about .tpp li.li2{ float:right;}

#main .cert{ width:570px; padding-top:20px;}
#main .cert li{ float:left; padding-bottom:20px; padding-right:20px; text-align:center;}
#main .cert li img{ border:1px solid #918C89;}
#main .cert li p{padding:0;margin:0; height:30px; padding-top:5px; text-align:center;}

#main .relay{ padding-left:10px; border-bottom-width:0px;}
#main .relay dt{ font-weight:bold;}
#main .relay dd p{padding:0;margin:0; background:url(../images/lcd_r4_c21.jpg) 5px 7px no-repeat; line-height:20px; padding-left:15px;}

#main .page{border-top:1px dotted #010101; width:600px; float:left; padding:10px 0; padding-left:6px;}
#main .page span{display:block; color:#fff; float:left; padding:0 7px; line-height:16px; margin-right:3px; background-color:#E84D00;}
#main .page a{ display:block; color:#010101; float:left; padding:0 7px; line-height:16px; margin-right:3px; background-color:#DCDEDC;}
#main .page a:hover{ background-color:#E84D00; text-decoration:none; color:#fff;}
/*
.page{ padding:15px 0;}
.page li{ float:left; padding-right:5px;}
.page li a{ display:block; float:left; padding:0 7px; line-height:15px; background-color:#E6E6E6;}
.page li#currents a{background-color:#FE6603; color:#fff;}
.page li a:hover{ background-color:#FE6603; color:#fff; text-decoration:none;}
*/
#content .bar dt{}
#content .bar dt a.moreimg{ display:block; float:right; padding-top:5px; padding-right:10px; height:16px;}

.tabimg{filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5);}