body,form,input,textarea,table,h1{font:12px/16px Verdana,"sans-serif";color:#333;margin:0;}
body{background:#f6f6ea;background:url(../images/bg_main.jpg);}
img{border:0;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
#header{background:url(../images/bg_top.jpg) repeat-x;height:73px;}
#banner{float:left;margin:40px 20px 20px 160px;FILTER: glow(color=#f6f6ea,strength=3);}
#menu{background:url(../images/bg_search.gif) repeat-x;height:31px;border-top:2px solid #3D9A13;border-bottom:2px solid #3D9A13;padding:3px 0 0 5px;}
#menu img{margin-right:5px;}
#menu form{display:inline;}
#menu .input{margin-bottom:4px;padding:3px;background:url(../images/bg_input.gif) no-repeat; border:1px solid #70B817;}
#footer{background:url(../images/bg_bottom.jpg) repeat-x;padding-top:95px;font-size:10px;text-align:center;position:fixed;bottom:-10px;width:100%;z-index:-5;}

#main{height:550px;background:url(../images/bg_main.jpg);}
#main #shout{float:right;padding:2px;FILTER:glow(color=#ffffff,strength=8);}#mask {
	background: rgb(0, 0, 0); position: absolute; opacity: 0.35;
}

.classlist {padding:10px;overflow-y:scroll;
width:300px;height:400px;background-color:#FFFFFF;border:1px solid #05549d;color:#333333;line-height:24px;text-align:left;-webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:3px 3px 6px #555;}

table{background:#70B817;border-bottom:1px solid #fff;}
tr{background:#f3f3f3;}
.tr{background:#fff;}

.List th{font-weight:normal;background:#70b817;text-align:center;padding:8px;border:1px solid #fff;}
.List td{padding:8px;}
.ListA{width:10%;font-size:10px;color:#70b817;text-align:center;}
.ListB{width:55%;text-align:left;word-break:break-all;}
.ListC{width:10%;text-align:center;color:#70b817;}
.ListD{width:15%;font-size:10px;text-align:center;}
.ListP{background:#F6FFDA;text-align:right;}
.ListP a{color:#ff3992;text-decoration:underline;}
.ListP a:hover{color:#70b817;text-decoration:none;}

.Add th{font-weight:normal;background:#ddd;text-align:right;padding:8px;width:80px;border:1px solid #fff;}
.Add td{padding:8px;}
.Add .td{background:#70B817;border:1px solid #fff;}
.Add .input{padding:3px;background:url(../images/bg_input.gif) no-repeat; border:1px solid #70B817;}
.Add textarea{padding:3px;background:url(../images/bg_input.gif) no-repeat;border:1px solid #70B817;}
.Add #Peview{position:relative;padding:3px;text-align:left;}
.Add #AD{position:relative;padding:3px;width:240px;height:190px;background:url(../images/face.gif) no-repeat;}
.Add #colorBlock{float:left;cursor:pointer;margin:5px;border:1px solid #333;width:34px;height:34px;}
.Add .colorBlock0{background:#FFEEF4;}
.Add .colorBlock1{background:#FFFFFF;}
.Add .colorBlock2{background:#ECF8FF;}
.Add .colorBlock3{background:#F0FFE9;}
.Add .colorBlock4{background:#F9ECFF;}
.Add .colorBlock5{background:#FFFFE5;}
.Add .iconBox{float:left;cursor:pointer;margin:1px;}
.Add .red{color:#FF3992;}

.Face0{background:url(../images/face0.gif) no-repeat;position:absolute;cursor:move;width:240px;height:190px;}
.Face1{background:url(../images/face1.gif) no-repeat;position:absolute;cursor:move;width:240px;height:190px;}
.Face2{background:url(../images/face2.gif) no-repeat;position:absolute;cursor:move;width:240px;height:190px;}
.Face3{background:url(../images/face3.gif) no-repeat;position:absolute;cursor:move;width:240px;height:190px;}
.Face4{background:url(../images/face4.gif) no-repeat;position:absolute;cursor:move;width:240px;height:190px;}
.Face5{background:url(../images/face5.gif) no-repeat;position:absolute;cursor:move;width:240px;height:190px;}

.sFace0{margin:10px 0 0 5px;float:left;background:url(../images/face0.gif) no-repeat;position:relative;cursor:move;width:240px;height:190px;}
.sFace1{margin:10px 0 0 5px;float:left;background:url(../images/face1.gif) no-repeat;position:relative;cursor:move;width:240px;height:190px;}
.sFace2{margin:10px 0 0 5px;float:left;background:url(../images/face2.gif) no-repeat;position:relative;cursor:move;width:240px;height:190px;}
.sFace3{margin:10px 0 0 5px;float:left;background:url(../images/face3.gif) no-repeat;position:relative;cursor:move;width:240px;height:190px;}
.sFace4{margin:10px 0 0 5px;float:left;background:url(../images/face4.gif) no-repeat;position:relative;cursor:move;width:240px;height:190px;}
.sFace5{margin:10px 0 0 5px;float:left;background:url(../images/face5.gif) no-repeat;position:relative;cursor:move;width:240px;height:190px;}

.Face0 .Sign,.Face0 .Head{color:#FF3992;}
.Face1 .Sign,.Face1 .Head{color:#CC0000;}
.Face2 .Sign,.Face2 .Head{color:#0096EB;}
.Face3 .Sign,.Face3 .Head{color:#00B115;}
.Face4 .Sign,.Face4 .Head{color:#A800D8;}
.Face5 .Sign,.Face5 .Head{color:#FF6600;}

.sFace0 .Sign,.sFace0 .Head{color:#FF3992;}
.sFace1 .Sign,.sFace1 .Head{color:#CC0000;}
.sFace2 .Sign,.sFace2 .Head{color:#0096EB;}
.sFace3 .Sign,.sFace3 .Head{color:#00B115;}
.sFace4 .Sign,.sFace4 .Head{color:#A800D8;}
.sFace5 .Sign,.sFace5 .Head{color:#FF6600;}
.Num{margin:7px 0 0 30px;}
.Num img{float:right;cursor:pointer;margin:3px 10px;}
.Detail{margin:10px 10px 0 20px;height:108px;overflow:hidden;word-break:break-all;}
.Detail Img{float:left;margin-right:10px;}
.Sign{margin:0 10px;text-align:right;}
.Date{margin:0 10px;text-align:right;font-size:10px;}

@media(min-width:1200px){
.ass{width: 1225px;margin:0 auto;}
}
@media(max-width:1190px){
.ass{width: 980px;margin:0 auto;}
}

@media(max-width:990px){
.ass{width: 735px;margin:0 auto;}
}
@media(max-width:750px){
.ass{width: 490px;margin:0 auto;}
}
@media(max-width:500px){
.ass{width: 245px;margin:0 auto;}
}

#header {
	height: 40px; background-image: url("../images/bg_headerAndFooter.png"); background-repeat: repeat-x;
}
#logo {
	padding: 0px 5px; float: left;
}
#nav {
	margin: 0px; padding: 10px 0px 0px 5px; float: left; list-style-type: none;
}
#nav li {
	line-height: 21px; font-weight: bold; float: left;
}
#nav li a {
	background: url("../images/icon_spacingBar.gif") no-repeat right 5px; padding: 0px 15px 0px 0px; line-height: 21px; font-size: 14px; float: left; display: block;
}
#nav li.theLastOne a {
	background: none; padding: 0px;
}
#nav_1 {
	background: url("../images/icon_nav.gif") no-repeat 0px 1px; padding: 0px 15px 0px 23px;
}
#nav_2 {
	background: url("../images/icon_nav.gif") no-repeat 0px -47px; padding: 0px 15px 0px 20px;
}
#nav_3 {
	background: url("../images/icon_nav.gif") no-repeat 0px -95px; padding: 0px 15px 0px 20px;
}
#nav_4 {
	background: url("../images/icon_nav.gif") no-repeat 0px -151px; padding: 0px 15px 0px 22px;
}
#nav_5 {
	background: url("../images/icon_nav.gif") no-repeat 0px -198px; padding: 0px 15px 0px 35px;
}
#searchBox {
	background: url("../images/icon_nav.gif") no-repeat 0px -238px; padding: 11px 10px 0px 32px; float: right;
}
#searchBox span {
	padding: 1px 0px 0px; float: left; display: block;
}
#searchBox input {
	border: 1px solid rgb(204, 204, 204); border-image: none; float: left; display: block;
}
#searchBox .ipt {
	border-width: 1px; border-style: solid; border-color: rgb(153, 153, 153) rgb(219, 219, 219) rgb(219, 219, 219) rgb(153, 153, 153); margin: 0px 5px; padding: 2px 2px 0px;
}
#searchBox .btn {
	background: url("../images/btn_type01.gif") no-repeat left top; border: currentColor; border-image: none; width: 50px; height: 18px; text-align: center; cursor: pointer;
}