html, body
{
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    font-family: 微软雅黑, 宋体 , Arial,Helvetica !important;
    font-size: 12px;
}
#main_wrapper
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    margin-top:0px;
    padding:0px;
    height:100%;
}
#header
{
    width:100%;
    margin: 0; padding: 0;
    display:none;
}
#header
{
    height:55px;
    background-color:rgb(9, 82, 109);
}
#content_wrapper
{
    min-height:400px;
    margin-top:5px;
    margin-bottom:5px;
    padding:5px;
    border:solid 0px gray;
}

#contentRightDiv{
    width:200px;
    display:none;
    float:right;
    height:100%;
}
#footer
{
    margin: 0; padding: 0;
    bottom:0px;
    background-color:#588ba0;
    height:30px;
    color: red;
}
#footer ul{
    margin: 0; padding: 0;
    font-size: 12px;
    list-style-image: none;
    list-style-type: none;
    color: white;
}
#footer ul li{
    PADDING-BOTTOM: 7px; 
    PADDING-LEFT: 5px; 
    PADDING-RIGHT: 5px; 
    FLOAT: left; 
    PADDING-TOP: 8px;
    color: white;
}
#footer ul li A{
    color: white;
}

#footer UL LI A.line {
    BORDER-LEFT: #ffffff 1px solid; 
    PADDING-LEFT: 0.6em;
    color: white;
}
#footer UL LI.right-link {
    PADDING-RIGHT: 6px; FLOAT: right;
    color: white;
}
.header_inner
{
    width:100%;
    display:block;
    height:30px;
}
.header_logo
{
    width:135px;
    height:30px;
    float:left;
    margin:0px;
    padding:0px;
}
.header_banner
{
    width:822px;
    height:30px;
    margin:0px;
    padding:0px;
    float:left;
}
.header_toolbar
{
    height:25px;
    /*margin:0.5em;*/
    margin:0;
    padding: 0;
    display:block;
    font-size:12px;
}
.header_toolbar_right
{
    list-style-type:none;
    margin-right:0px;
    float:right;
    display:inline;
    margin: 0;
    padding: 0;
    padding-top:5px;
    padding-bottom: 5px;
}
.header_toolbar_right li a,
.header_toolbar_right li a:link,
.header_toolbar_right li a:visited,
.header_toolbar_right li a:hover,
.header_toolbar_right li a:active{
    color: white;
}
.header_toolbar_right li
{
    display:inline;
    padding-left:0.5em;
    padding-right:0.5em;
    color:White;
    font-weight: bold; 
    float: left;
    border-right:solid 1px white;
}
.header_toolbar_right li.last{
    border-right:0px;
}


.header_toolbar_left
{
    list-style-type:none;
    float: left;
    left: 0px;
    display:inline;
    margin: 0;
    padding: 0;
    padding-top:5px;
    padding-bottom: 5px;
}
.header_toolbar_left li a,
.header_toolbar_left li a:link,
.header_toolbar_left li a:visited,
.header_toolbar_left li a:hover,
.header_toolbar_left li a:active{
    color: white;
}
.header_toolbar_left li
{
    display:inline;
    padding-left:0.5em;
    padding-right:0.5em;
    color:White;
    font-weight: bold; 
    border-right:solid 1px white;
}
.header_toolbar_left li.last{
    border-right:0px;
}

.clear
{
    clear:both;
}
.header_menu
{
    margin: 0; padding: 0;
    display:block;
    height:25px;
    padding-top:0px;
    border-top: solid 1px white;
    background-color:#558ED5;
}
.header_searchbar{
    bottom:0.5em;
    width:15em;
    background-color:white;
    height:1.5em;
    border:solid 1px gray;
    margin:0.5em;
    margin-left:630px;
}
input#searchInput {
    margin: 0;
    border-width: 0;
    padding: 0px;/*0.25em;*/
    height:1.5em;
    font-size: 1em;
    width: 12.5em;
    background-color: transparent;
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
button#searchButton {
    margin: 0;
    padding: 0;
    margin-top:0.2em;
    width: 1.75em;
    height: 1.5em;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url('/wiki/skins/cpierblue/images/search-ltr.png');
    background-position: center center;
    background-repeat: no-repeat;
}
/* IGNORED BY IE6 */
button#searchButton {
    height: 100%;
}

a									{ text-decoration: none; }
/* 
	LEVEL ONE
*/
ul.header_menu_items                         { position: relative;margin: 0; padding: 0; list-style: none}
ul.header_menu_items li                      { font-weight: bold; float: left; zoom: 1; color:White; }
ul.header_menu_items li.header_menu_right            { font-weight: bold; float: right; zoom: 1; color:White; }
ul.header_menu_items a:hover		            { color: black; }
ul.header_menu_items a:active                { color: white; }
ul.header_menu_items li a                    { margin:4px 0;display: block; padding: 1px 15px; border-right: 1px solid white;
                                               color: white; }
/*
ul.dropdown li:last-child a         { border-right: none; }  Doesn't work in IE */
ul.header_menu_items li.hover,
ul.header_menu_items li:hover
{ background: #F3D673; color: black; position: relative; }
ul.header_menu_items li.hover a              { color: rgb(9, 82, 109); }


/* 
	LEVEL TWO
*/
ul.header_menu_items ul
{ 
    width: 220px; 
    margin:0px;
    padding:0px;
    visibility: hidden; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    border:solid 1px rgb(9, 82, 109);
    background: rgb(243,247,251);
    z-index:99999;
}

ul.header_menu_items ul.header_menu_right_list 			
{ 
    width: 220px; 
    margin:0px;
    padding:0px;
    visibility: hidden; 
    position: absolute; 
    top: 100%; 
    right: 0;
    left:auto;
    border:solid 1px rgb(9, 82, 109);
        background: rgb(243,247,251);
}

ul.header_menu_items ul li
{ 
    margin:0px;
    padding:0px;
    font-weight: normal; background: rgb(243,247,251); color: #000; 
    float: none; 
}

ul.header_menu_items ul.MegaMenu 
{ 
    font-weight: normal; 
    background: rgb(243,247,251); 
    color: #000; 
    width:500px;
    height:100px;
    float: none; 
}

/* IE 6 & 7 Needs Inline Block */
ul.header_menu_items ul li a					{ border-right: none; width: 200px; display: inline-block; } 
ul.header_menu_items ul li hr					{ width: 200px; color:rgb(9, 82, 109);margin:0px; padding: 0px; } 

/* 
	LEVEL THREE
*/
ul.header_menu_items ul ul 					{ left: 100%; top: 0; }
ul.header_menu_items li:hover > ul 			{ visibility: visible; }


/* Sub-navigation */
#siteSub {
    display: none;
}
#jump-to-nav {
    display: none;
}

/*
 * 
 * The following code is highly modified from monobook. It would be nice if the
 * preftoc id was more human readable like preferences-toc for instance,
 * howerver this would require backporting the other skins.
*/

/* Preferences */
#preftoc {
    /* Tabs */
    width: 100%;
    float: left;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url(images/preferences-break.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}
#preftoc li {
    /* Tab */
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 1px;
    height: 2.25em;
    white-space: nowrap;
    list-style-type: none;
    list-style-image: none;
    background-image: url(images/preferences-break.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}
/* IGNORED BY IE6 */
#preftoc li:first-child {
    margin-left: 1px;
}
#preftoc a,
#preftoc a:active {
    display: inline-block;
    position: relative;
    color: #0645ad;
    padding: 0.5em;
    text-decoration: none;
    background-image: none;
    font-size: 1em;
}
#preftoc a:hover {
    text-decoration: underline;
}
#preftoc li.selected a {
    background-image: url(images/preferences-fade.png);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #333333;
    text-decoration: none;
}
#preferences {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: -2px;
    clear: both;
    border: solid 1px #cccccc;
    background-color: #f9f9f9;
    background-image: url(images/preferences-base.png);
}
#preferences fieldset.prefsection {
    border: none;
    padding: 0;
    margin: 1em;
}
#preferences fieldset.prefsection fieldset {
    border: none;
    border-top: solid 1px #cccccc;
}
#preferences legend {
    color: #666666;
}
#preferences fieldset.prefsection legend.mainLegend {
    display: none;
}
#preferences td {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
#preferences td.htmlform-tip {
    font-size: x-small;
    padding: .2em 2em;
    color: #666666;
}
#preferences div.mw-prefs-buttons {
    padding: 1em;
}
#preferences div.mw-prefs-buttons input {
    margin-right: 0.25em;
}

/* 
 * Styles for the user login and create account forms
*/
#userlogin, #userloginForm {
    border: solid 1px #cccccc;
    padding: 1.2em;
    margin: .5em;
    float: left;
}

#userlogin {
    min-width: 20em;
    max-width: 90%;
    width: 40em;
}

/*
 * 
 * The following code is slightly modified from monobook
 * 
*/
#content_wrapper {
    line-height: 1.8em;
}
#bodyContent {
    font-size: 1.2em;
}


#bodyContent li{
    margin: 0;
    padding: 0;
    margin-left:2em;
}
#bodyContent ul{
    margin: 0;
    padding: 0;
}
#wpTextbox1{
    width:100%;
}

#wpTextbox1{
    width:100%;
}


#content_wrapper .printfooter {
    display: none;
}

/* Inline Elements */
img {
    border: none;
    vertical-align: middle;
}
hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: 0;
    margin: .2em 0 .2em 0;
}

/* Structural Elements */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333333;
    background: none;
    font-weight: normal;
    margin: 0;
    padding-top: .5em;
    padding-bottom: .17em;
    border-bottom: 1px solid #aaa;
    width: auto;
}
h1 { font-size: 188%;line-height: 2.5rem; }
h1 .editsection { font-size: 76%; }
h2 { font-size: 150%;line-height: 2rem; }
h2 .editsection { font-size: 76%; }
h3,
h4,
h5,
h6 {
    border-bottom: none;
    font-weight: bold;
}
h3 { font-size: 132%; }
h3 .editsection { font-size: 76%; font-weight: normal; }
h4 { font-size: 116%; }
h4 .editsection { font-size: 86%; font-weight: normal; }
h5 { font-size: 100%; }
h5 .editsection { font-weight: normal; }
h6 { font-size: 100%;  }
h6 .editsection { font-size: 125%; font-weight: normal; }
p {
    margin: .4em 0 .5em 0;
    line-height: 26px !important;
}
p img {
    margin: 0;
}
abbr,
acronym,
.explain {
    border-bottom: 1px dotted black;
    color: black;
    background: none;
    cursor: help;
}
q {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
}
/* Disabled for now
blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}*/
code {
    background-color: #f9f9f9;
}
pre {
    padding: 1em;
    border: 1px dashed #2f6fab;
    color: black;
    background-color: #f9f9f9;
    line-height: 1.1em;
}

dt {
    font-weight: bold;
    margin-bottom: .1em;
}
dl {
    margin-top: .2em;
    margin-bottom: .5em;
}
dd {
    line-height: 1.5em;
    margin-left: 2em;
    margin-bottom: .1em;
}
/* Tables */
table {
    font-size: 100%;
    color: #333333;
    /* we don't want the bottom borders of <h2>s to be visible through
     * floated tables */
    background-color: white;
}
fieldset table {
    /* but keep table layouts in forms clean... */
    background: none;
}
/* Forms */
fieldset {
    border: 1px solid #2f6fab;
    margin: 1em 0 1em 0;
    padding: 0 1em 1em;
    line-height: 1.5em;
}
fieldset.nested {
    margin: 0 0 0.5em 0;
    padding: 0 0.5em 0.5em;
}
legend {
    padding: .5em;
    font-size: 95%;
}
form {
    border: none;
    margin: 0;
}
textarea {
    width: 100%;
    padding: .1em;
}
select {
    vertical-align: top;
}
/* Table of Contents */
#toc,
.toc,
.mw-warning {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    font-size: 95%;
}
#toc h2,
.toc h2 {
    display: inline;
    border: none;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
    text-align: center;
}
#toc ul,
.toc ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}
#toc ul ul,
.toc ul ul {
    margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
    font-size: 94%;
}
/* Images */
div.floatright, table.floatright {
    clear: right;
    float: right;
    position: relative;
    margin: 0 0 .5em .5em;
    border: 0;
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
    float: left;
    clear: left;
    position: relative;
    margin: 0 .5em .5em 0;
    border: 0;
}
div.floatleft p { font-style: italic; }
/* Thumbnails */
div.thumb {
    margin-bottom: .5em;
    border-style: solid;
    border-color: white;
    width: auto;
    background-color: transparent;
}
div.thumbinner {
    border: 1px solid #ccc;
    padding: 3px !important;
    background-color: #f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
html .thumbimage {
    border: 1px solid #ccc;
}
html .thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 3px !important;
    font-size: 94%;
}
div.magnify {
    float: right;
    border: none !important;
    background: none !important;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
div.tright {
    clear: right;
    float: right;
    border-width: .5em 0 .8em 1.4em;
}
div.tleft {
    float: left;
    clear: left;
    margin-right: .5em;
    border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
    border: 1px solid #dddddd;
}
.hiddenStructure {
    display: none;
}
/* Warning */
.mw-warning {
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
}
/* User Message */
.usermessage {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: black;
    font-weight: bold;
    margin: 2em 0 1em;
    padding: .5em 1em;
    vertical-align: middle;
}
/* Site Notice */
#siteNotice {
    text-align: center;
    font-size: 0.8em;
    margin: 0;
}
#siteNotice div,
#siteNotice p {
    margin: 0;
    padding: 0;
    margin-bottom: 0.9em;
}
/* Categories */
.catlinks {

    display: none;
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    padding: 5px;
    margin-top: 1em;
    clear: both;
}

sup, sub {
    font-size: 10px;
    /*    vertical-align: baseline;*/
}
#print_header{
    color:gray;
}
#toc .tocnumber {display:none !important;}
#mobile_drawer {
    display:none;
}