HTML {
	MARGIN: 0px auto
}
BODY {
	MARGIN: 0px auto
}
BODY {
	BACKGROUND: #336699
}
#pagebody {
	BACKGROUND: #0089ed
}
UL {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; LINE-HEIGHT: 25px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 27px; BORDER-RIGHT-WIDTH: 0px
}
UL LI {
	DISPLAY: inline; FLOAT: left; MARGIN: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #000000
}
A:visited {
	COLOR: #000000
}
A:active {
	COLOR: #ff0000
}
A:hover {
	COLOR: #ff0000
}
.mainBody A:link {
	COLOR: #000000
}
.mainBody A:visited {
	COLOR: #000000
}
.mainBody A:active {
	COLOR: #ff0000
}
.mainBody A:hover {
	COLOR: #ff0000
}
.sideBar {
	FLOAT: right; WIDTH: 151px
}
.sideBar UL {
	MARGIN-TOP: 5px; WIDTH: 137px; HEIGHT: 35px; TEXT-ALIGN: center
}
.sideBar UL LI {
	BACKGROUND: url(../images/anniu.gif) no-repeat 0px 0px; WIDTH: 100%
}
.ulImages {
	FONT-SIZE: 14px; WIDTH: 150px; FONT-FAMILY: ??, Arial, Helvetica, sans-serif; HEIGHT: 25px
}
.mainBody {
	BORDER-RIGHT: #0089ed 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #0089ed 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 20px; FONT-SIZE: 14px; BACKGROUND: #faf7cf; PADDING-BOTTOM: 20px; OVERFLOW: hidden; BORDER-LEFT: #0089ed 1px solid; WIDTH: 700px; LINE-HEIGHT: 25px; PADDING-TOP: 20px; BORDER-BOTTOM: #0089ed 1px solid; FONT-FAMILY: ??, Arial, Helvetica, sans-serif; HEIGHT: auto
}
.mbLink {
	WIDTH: 600px
}
.mblink UL {
	MARGIN-TOP: 5px; FONT-WEIGHT: bolder
}
.jbButtom {
	MARGIN-TOP: 20px; FONT-WEIGHT: bolder; FONT-SIZE: 13px; WIDTH: 100%; FONT-FAMILY: ??, Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
.mbTitle {
	PADDING-LEFT: 5px; FONT-WEIGHT: bolder; FONT-SIZE: 13px; MARGIN-LEFT: 20px; WIDTH: 750px; COLOR: #618bdd; BORDER-BOTTOM: #999999 3px solid; HEIGHT: 17px
}
.mbJuBao {
	FONT-SIZE: 13px; MARGIN-LEFT: auto; OVERFLOW: hidden; WIDTH: 580px; MARGIN-RIGHT: auto; HEIGHT: 30px; TEXT-ALIGN: center
}
.mbJBTitle {
	FONT-SIZE: 13px; MARGIN-LEFT: auto; OVERFLOW: hidden; WIDTH: 580px; MARGIN-RIGHT: auto; HEIGHT: 30px; TEXT-ALIGN: center
}
.mbJBTitle {
	MARGIN: 10px auto; BORDER-BOTTOM: #bcd1fa 2px solid; HEIGHT: 25px; TEXT-ALIGN: center
}
.mbBigContent {
	BORDER-RIGHT: #999999 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px dotted; MARGIN-TOP: 10px; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 15px; BORDER-LEFT: #999999 1px dotted; WIDTH: 100%; PADDING-TOP: 15px; BORDER-BOTTOM: #999999 1px dotted; TEXT-ALIGN: center
}
#myModal{
 
 position: fixed;
 z-index:1;
 right:0;
 bottom:0;
 width: 100%;
 height:100%;
 overflow: auto;
 background:white;
}
#myModal .modal{
 width: 420px;
 height:220px;
 position: relative;
 top:50%;
 left:50%;
 margin-top: -130px;
 margin-left: -200px;
 animation:animate 1s;
}
.modal .modal-header{
 height:50px;
 background:white;
 color: #000;
 line-height:50px;
 border-bottom: 1px solid #000000;
 font-size: 40px;
font-weight: bold;
}
.modal .modal-header p{
 display: inline-block;
 margin:0;
 position: absolute;
 left: 20px;
}
.modal .modal-header .close{
 position: absolute;
 right:20px;
 font-size: 20px;
 cursor:pointer;
}
.modal .modal-content{
 background:white;;
 height:50px;
 text-align: center;
 line-height: 50px;
 font-size:28px;
 font-weight:bold;
}
.modal .modal-content p{
 margin:0;
}
.modal .modal-footer{
 position: relative;
 height:50px;
 background: white;
}
/*ΜνΌΣΆ―»­*/
@keyframes animate{
 from{top:0;opacity:0}
 to{top:50%;opacity:1}
}