body {
    margin:0px auto;
    padding:0px;
}
a {color:navy;}
.header_navi {
    display: inline-block;
    vertical-align: bottom;
}
    .header_navi a {
        font-family: '微软雅黑';
        font-size: 1.1em;
        text-decoration: none;
        color: #444;
        padding-left: 0.6em;
        padding-right: 0.6em;
    }

    .header_navi .navi_cur {
        background-size: 100% 1em;
        background-repeat: no-repeat;
        background-position: bottom;
        background-image: linear-gradient(0deg,lightsteelblue,white);
    }
.header .logo {
    display: inline-block;
    text-decoration: none;
    background-color: steelblue;
    color: #f1f1f1;
    font: 1.5em '微软雅黑';
    padding: 0.5em 1.5em 0.5em 1.5em;
    vertical-align: middle;
    border-radius: 3em 0.1em 3em 0em;
}
.header_navi{
    display:inline-block;
    vertical-align:bottom;
}
.header_bottom {
    width: 100%;
    height: 8px;
    background-image: linear-gradient(0deg,white,lightsteelblue);
}
    .footer {
        clear: both;
        font-size: 0.8em;
        padding: 1em 0em;
		text-align:center;
    }
    .footer p a {
        color:navy;
    }
.table_layer {min-width:600px;min-height:300px;margin:0px auto;}
.table_layer tr td {
    vertical-align: top;
	padding-left:1em;
	padding-right:1em;
}
.table_data {
    margin:0.5em auto;
    border-collapse:collapse;
    min-height:200px;
    width:100%;
}
    .table_data tr th, .table_data tr td{
        border:1px #ddd solid;
        text-align:center;
    }
    .table_data tr th {
        background-color: lightsteelblue;
        padding:0.2em 0.5em;
    }
    .table_data tr td {
        padding: 0.1em 0.5em;
    }
        .table_data .alternation_row {
    background-color:lightyellow;
}
    .table_data tr td a {
        font-size: 0.9em;
        color: navy;
        margin-left: 0.2em;
        margin-right: 0.2em;
    }
    .form_larger {
        margin: 0.5em;
    }
    .form_larger p {
        clear:both;
    }
	.form_larger p label {
        margin-right:0.6em;
        float:left;
	}
.form_larger p input[type="text"], .form_larger p input[type="password"] {
    padding: 2px;
}
.form_larger p input[type="submit"], .form_larger p input[type="reset"]{
    background-color:orange;
    padding:0.3em 1.5em;
    border:1px solid gray;
    border-radius:0.5em;
}
.form_larger p img {
	display:inline-block;
	vertical-align:top;
}
.form_larger p table{
    display:inline-block;
}
.form_normal {
    margin: 0.5em;
}
.form_normal p{
    clear:both;
}
    .form_normal p > label {
        margin-right: 0.6em;
        float:left;
    }
    .form_normal p input[type="text"],
    .form_normal p input[type="password"],
    .form_normal p input[type="email"] {
        font-size: 1em;
        padding: 2px;
    }
.form_normal p input[type="number"] {
    padding: 2px;
    text-align: right;
}
.form_normal p input:focus{
	background-color:lightyellow;
}

.form_normal p input[type="submit"],
.form_normal p input[type="reset"],
.form_normal p input[type="button"] {
    background-color: orange;
    padding: 0.3em 1.5em;
    border: 1px solid gray;
    border-radius: 0.5em;
}
.form_normal p textarea{
    font-size:1.3em;
    vertical-align:top;
}
.form_normal p select{
    font-size:1em;
}
.form_normal p table{
    display:inline-table;
}
/*
.form_normal p img {
	display:inline-block;
	vertical-align:top;
	margin-left:2px;
}
*/
.helper {
    width: 1em;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.form_normal p .qimg {
	display:inline-block;
	vertical-align:middle;
	height:13px;
	margin-left:0.3em;
}
.msg_info {
    margin: 1em;
    color: blue;
    font-size: 0.9em;
}
.msg_error {
    margin: 1em;
    color: darkred;
    font-size: 0.9em;
}
.msg_warning {
    margin: 1em;
    color:coral;
    font-size: 0.9em;
}
.msg_list_info {
    margin: 0px 0px;
    list-style-type: square;
    color: #111;
    font-size: 0.9em;
}
.msg_list_error {
    margin: 0px 0px;
    list-style-type: square;
    color: darkred;
    font-size: 0.9em;
}
.msg_list_warning {
    margin: 0px 0px;
    list-style-type: square;
    color: blue;
    font-size: 0.9em;
}
.toolbar {
    margin:0px auto;
    padding:0.1em 0.2em;
    background-color:#eee;
}
    .toolbar label {
        margin-left: 1em;
        margin-right: 0.2em;
    }
    .toolbar input[type="text"]{
        padding:1px 2px;
        font-size:16px;
    }
    .toolbar input[type="button"], .toolbar input[type="submit"], .toolbar input[type="reset"]{
        padding:0.2em 1em;
        font-size:16px;
        color:#111;
        background-color:orange;
        border:1px #ccc solid;
        border-radius:0.3em;
        margin-right:0.8em;
    }
.toolbar select{font-size:16px;}
    .toolbar a {color:navy;}
    .data_field {
        margin-top: 0.3em;
    }

    .data_field tr td {
        vertical-align: top;
        padding-right: 0.5em;
    }

        .data_field tr td input[type="text"] {
            font-size: 1em;
            padding: 1px;
        }

        .data_field tr td select {
            font-size: 1em;
            padding: 1px;
        }
        .data_field tr td textarea{
            font-size:1.3em;
            padding:2px;
        }
        .data_field_name {
            color: #111;
            font-size: 0.9em;
        }
.memo {font-size:0.8em;color:#666;}
.memo::before{content:"* ";}
.list_res {
    list-style-type:square;
    color:navy;
    margin:0px;
    padding-left:1em;
}
.list_res li {margin-bottom:0.6em;}
.list_res li a {
    font-size:1.1em;
    color:navy;
    text-decoration:none;
}
.article{
    width:600px;
    margin:1em auto;
}
    .article h1 {

    }
    .article h2 {
    }
    .article h3 {
    }
    .article h4 {
    }
    .article h5 {
    }
    .article h6 {
    }
    .article p {
        line-height:1.6em;
        margin-bottom:1.2em;
    }
.article ul {
    list-style-type:square;
}
    .article ul li {
        margin-bottom: 0.6em;
        line-height: 1.6em;
    }
.article_image{
    text-align:center;
}
    .article_image img {
        display:block;
    margin:1em auto;
        min-width:150px;
        max-width:500px;
    }
    .article_image .image_label{
        text-align:center;
        font-size:0.8em;
        color:#666;
    }
    .table_code {
        width:98%;
        margin:1em auto;
        border-collapse:collapse;
    }
.code_type{
    color:darkred;
    font-size:1em;
    font-weight:500;
    background-color:lightsteelblue;
    padding:0.2em 1em;
    border-radius:1em 1em 0em 0em;
}
.code_content {
    background-color:#f6f6f6;
    padding:0em 1em;
    border-radius:0em 0em 1em 1em;
}
.code_content pre {
    font-size:1em;
    line-height: 1.5em;
    font-weight:500;
}
.code_keyword {
    color: blue;
    font-weight: 600;
}
.page_navi{
    display:block;
    clear:both;
    text-align:center;
    font-size:1.2em;
    height:2.5em;
    line-height:2.5em;
    vertical-align:middle;
}
    .page_navi select {
        font-size:1em;
            color: darkred;
    }
    .page_navi a {
        font-weight: bold;
        margin-left: 0.6em;
        margin-right: 0.6em;
        text-decoration: none;
    }
.res_relevant {
    list-style: none;
    margin: 1em;
    padding: 0em;
}

    .res_relevant li {
        margin-left:1em;
        margin-bottom: 0.5em;
        width: 220px;
        height: 2em;
        line-height: 2em;
        text-align: center;
        vertical-align: middle;
        background-color: steelblue;
        border-radius: 2em 0em;
    }

        .res_relevant li a {
            display: block;
            text-decoration: none;
            color: #fafafa;
        }