body {
font: 12px Tahoma, Verdana, Arial, Georgia, sans-serif;
color: #333;
background: #fff;
margin: 0;
padding: 0;
height:100%; 
overflow-y:auto;
}

h1 {
font: 16px Microsoft YaHei, Tahoma, Verdana, Arial, Georgia, sans-serif;
color: #000;
font-weight: bold;
text-align: center;
padding-bottom: 4px;
border-bottom: 1px solid #333;
}

h5 {
font-size: 12px;
font-weight: bold;
color: #666;
margin: 0;
padding: 4px 0;
text-align: center;
}

/* Common Styles */
a:link, a:visited {
color: #333;
background: transparent;
text-decoration: none;
}
a:hover, a:active {
color: #5ca0c7;
background: transparent;
text-decoration: underline;
}
img { border: 0; vertical-align: middle; }
form { margin: 0; }



/*STYLE*/
html,body {height:100%; margin:0px; font-size:12px;}

.mydiv {
cursor: move;
/*background: #f5e9d2 url(../img/bg_prompt.gif) left top repeat-x;*/
background: #EAF4FD;
padding-left: 20px;
border: 2px solid #0080c5;
text-align: left;
/*line-height: 40px;*/
font-size: 12px;
font-weight: bold;
z-index:99;
position: fixed;
}
.mydiv #icon {
position: absolute; 
left: 12px; 
top: 4px;
}
.mydiv a:link, .mydiv a:visited {
display: block;
width: 141px; 
height: 30px; 
line-height: 30px; 
text-align: left; 
margin: 0;
padding-left: 12px;
font-size: 12px;
color: #f90;
text-decoration: none;
background: url(../img/bt_prompt.gif) left bottom no-repeat; 
}
.mydiv a:hover, .mydiv a:active {
display: block;
width: 141px; 
height: 30px; 
line-height: 30px; 
text-align: left; 
margin: 0;
padding-left: 12px;
font-size: 12px;
color: #f90;
text-decoration: none;
background: url(../img/bt_prompt.gif) left bottom no-repeat; 
}
* html .mydiv {position:absolute;}

.bg {
background-color: #f5f5f5;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=10);/*IE*/
opacity:0.1;/*FF*/
z-index:1;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}
/*The END*/




#famliy {
width: 1002px;
margin: 0 auto;
background: #f4f4f4;
}

#head {
width: 1002px;
height: 70px;
margin: 0 auto;
background: url(../img/bg_head.gif) left top no-repeat;
}
#head img {
margin-top: 10px;
margin-left: 160px;
}

#body {
width: 1002px;
margin: 0 auto;
padding: 0;
}

#left {
float: left;
width: 152px;
margin: 0;
padding: 0;
}

#center {
float: left;
width: 730px; 
background: #f3f3f3;
margin: 0; 
padding: 0;
}
#center #casename {
height: 112px;
background:url(../img/img_name.gif) no-repeat;
}

.current {
padding-left: 9px; 
background: url(../img/icn_this.gif) left center no-repeat;
}


#Q&A .content table {
width: 100%;
background: #f4f4f4;
}
.content table td {
padding: 2px 6px 4px 6px;
}
.content table .question td {
background: #edfcfc;
color: #666;
font: 12px SimSun, Tahoma, Verdana, Arial, Georgia, sans-serif;
font-weight: bold;
}
.content table .answers td {
font: 12px SimSun, Tahoma, Verdana, Arial, Georgia, sans-serif;
line-height: 12px!important;
padding-left: 2.4em;
}
.content table td input {
margin-right: 4px;
}
.content table .ranswers {
background: url(../img/icn_win.gif) left center no-repeat;
}
.content table .wanswers {
color: #f00;
}

.content .menutitle {
float: left;
width: 160px; 
margin: 0; 
padding: 0; 
margin-top: 20px;
}

.content .menutitle ol {
list-style: none;
border: 1px solid #44b4d7; 
margin: 0; 
padding: 0;
}
.content .menutitle ol li {
line-height: 2em;
padding: 4px 6px 2px 6px;
border-bottom: 1px dotted #ccc;
}


.content .wenzhang {
float: left; 
width: 550px;
height: 800px; 
margin: 2em 0 0 1.2em;
line-height: 20px;
overflow-y: auto;
}

.content p {
margin: 10px 1.4em;
text-indent: 2em;
}



.inputbox1, .inputbox2, .inputbox3 {
margin: 0;
padding: 0;
width: 730px;
height: 114px;
*height: 71px;
text-align: center; 
background: url(../img/bg_bottom_body.gif) center bottom no-repeat;
}
.inputbox1 {
margin-top: 43px!important;
margin-top: 37px;
}
.inputbox2 {
margin-top: 26px!important;
margin-top: 21px;
}
.inputbox3 {
margin-top: 43px!important;
margin-top: 39px;
}
.inputbox1 .button, .inputbox2 .button, .inputbox3 .button{
border: 0; 
width: 80px;
height: 30px; 
background: url(../img/bg_button.gif) left top no-repeat; 
}


#right {
float: left;
width: 120px;
}

.realanswer {
color: #f00;
}






/* Footer Part */
#footer {
clear: both;
/*background: #f3f3f3;*/
width: 780px; 
margin: 20px auto 10px auto;
padding: 15px 15px 10px 15px;
border-top: 2px solid #ccc;
line-height: 1.5em;
}
#footer address {
font: normal 12px "Segoe UI", Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #777;
text-align: left;
}
#footer p {
float: right;
margin: 0;
padding: 0;
text-align: right;
}
#footer address a {
color: #777;
}
#footer address a:hover {
color: #0068b7;
}