body,ol,ul,li,p,form,h1,h2,h3{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
.body{ background:url(/ewsc/lib/ewsc/images/cd_001.jpg) top repeat-x;}
.banner{ background:url(/ewsc/lib/ewsc/images/cd_002.jpg) 0px right no-repeat;}
.nav{ font-family:Arial, Helvetica, sans-serif; font-size:10px;  color:#ffffff; background:url(/ewsc/lib/ewsc/images/cd_003.jpg) no-repeat;text-transform:uppercase;}
.h3{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.f12{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding-top:5px; padding-left:5px; text-align:left;}
.fb12{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#666666; padding-top:10px; padding-left:5px; text-align:left;}
.fn12{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#666666; padding-left:5px; }
.boder{ border:1px #666666 solid;}
h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#5A6643;}
.f10{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold;}
.boderb2{ border-bottom:2px #cccccc solid;}
.bg{ background:url(/ewsc/lib/ewsc/images/cd_004.jpg) repeat-y 50%;}
.fn10{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:16px; }
.fn10_18{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:18px; }
.boder11{ border:1px #666666 solid; padding:10px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:18px;}
.boder_b{ border-bottom:1px #666666 solid;}
.snav a{ padding-left:5px; font-size:11px; font-weight:bold;color:#CC6666; text-align:left; }
.snav a:hover{ padding-left:5px; font-size:11px; font-weight:bold; color:#CC6666; text-align:left; }
h1{ font-size:14px; line-height:30px;}
h2{ font-size:12px; line-height:30px; font-weight:normal;}
.content{ font-size:11px; font-weight:normal; color:#333333; line-height:20px;}
.boder_r{ border-right:1px #cccccc solid;}
a{ color:#333333; text-decoration:none;font-size:12px;}
a:hover{ color:#666666; text-decoration:underline;font-size:12px;}

.nav a{ color:#ffffff; font-size:10px;}
.nav a:hover{ color:#ffffff; font-size:10px;}

/*???*/
.picshow_change A{
	border:1px solid #ccc; height:16px; width:16px; display:block; float:left; margin-right:5px;FILTER: alpha(opacity=40); opacity: 0.4; moz-opacity: 0.4; background:#000; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif;
}
.picshow_change A:hover{FILTER: alpha(opacity=100); opacity: 1.0; moz-opacity: 1.0;border:1px solid #000; text-decoration:none; color:#fff;}
.picshow_change A.current{FILTER: alpha(opacity=100); opacity: 1.0; moz-opacity: 1.0;border:1px solid #000;}
/*???*/
.picshow { z-index:444; position:relative; background-color:#e4f2fa; width: 100%; height: 188px}
.picshow_main { position: relative; width: 436px; height: 188px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 436px; height: 188px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 20px; right: 0px; left: 360px;}
.picshow_change img {width:15px; height: 15px}
img{
border:0px}
/##add by ligj **/
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}