/*
 * <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 */
div.c1#left {width: 200px; padding-left: 8px;}
div.c1#center {width: 600px; padding-left: 8px;}
div.c1#right {width: 200px; padding-left: 8px;}

@media (max-width: 1024px) {
  div.c1#left {display: none;}
}
@media (max-width: 816px) {
  div.c1#right {display: none;}
  div.c1#center {width: 100%; padding-left: 0px;}
}

html {-webkit-text-size-adjust: 100%;}
body {font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px;
  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
  line-height: 170%; letter-spacing: 1px;
}

math {}
img {margin: 6px; vertical-align: bottom; width: auto !important; height: auto !important; max-width:100% !important;}
figure {text-align: center}
figcaption {font-weight: bold; margin: 8px 0px 0px 0px;}

input {font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px; padding: 6px;}
input.button {font-weight: bold; color: #3366cc; cursor: pointer; border-radius: 6px; background-color: #cccccc;}
input.button:hover {background-color: #bbbbff;}

form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
textarea {font-family: monospace; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}
select {font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px; padding: 6px;}
option {font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px; padding: 6px;}
button {font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 16px; padding: 6px; font-weight: bold; color: #3366cc; cursor: pointer; border-radius: 6px; background-color: #cccccc;}
button:hover {background-color: #bbbbff;}

a:link {color: #3366cc; text-decoration: none;}
a:visited {color: #3366cc; text-decoration: none;}
a:hover {text-decoration: underline;}
a.button {color: #3366cc; background-color: #cccccc; border: 1px solid #444444; padding: 6px; line-height: 220%; text-align: center; text-decoration: none; cursor: pointer; border-radius: 6px;}
a.button:hover {background-color: #bbbbff;}

div.c1 {display: inline; float: left}
div.r2 {border-top: 1px #bbbbbb solid;}
div.none {display: none;}
div.c1#left div.r2 {border-right: 1px #bbbbbb solid;}
div.c1#right div.r2 {border-left: 1px #bbbbbb solid;}

div#footer {text-align: center;}
div#error {border-top: 3px #ff7777 solid; border-bottom: 3px #ff7777 solid;}
div#notice {border-top: 3px #ffff77 solid; border-bottom: 3px #ffff77 solid;}
div#item {min-height: 80px;}
div#star {border-top: 3px #ff7777 solid; border-bottom: 3px #ff7777 solid;}

p {margin: 10px 0px 10px 0px; padding: 0px 5px 0px 5px;}
pre {overflow-x: auto; margin: 6px 0px 6px 0px; padding: 3px 5px 3px 5px; background-color: #e7e7e7;}
pre span.db {font-family: 'microsoft yahei'; font-size: 12pt; }
pre span.sb {font-family: 'courier new'; font-size: 10pt; }
li {margin: 8px 0px 8px 0px; padding: 0px 5px 0px 10px;}
blockquote {margin: 0px 0px 0px 25px;}

p.tool * {vertical-align: top}
p.foot {font-size: 10px;}
p.navs {font-weight: bold;}
p.menu {line-height: 150%;}
p.menu span.link {font-weight: bold; padding-right: 5px; white-space:nowrap;}
p.item .head {font-weight: bold;}
p.item .body {color: #000000;}
p.itemComm {margin: 10px 0px 10px 30px;}
p.itemComm  .body {font-size: 90%; color: #000000;}
p.head {font-weight: bold; background-color: #eeffee; margin: 0px; padding-top: 10px; padding-bottom: 4px;}
p.note {font-size: 90%; font-style: italic; text-align: right;}
p.link {margin: 5px 0px 5px 0px;}
p.lead {Padding-top: 8px}
p.text {}
p.zero {height: 0px;}

div.user {background-color: #f7f7f7; padding-top: 1px; padding-bottom: 1px;}
span.userF {font-size: 12px; font-style: italic; color: #00b030;}

img.menu {margin: 0px;}
img.floatR {float: right;}
img.iconL {float: left; margin: 2px 4px 2px 2px;}
img.nailL {float: left; margin: 0px 6px 0px 0px; width: 64px !important; height: 64px !important;}
img.nailR {float: right; margin: 0px 0px 0px 6px; width: 64px !important; height: 64px !important;}
img.nailR2 {float: right; margin: 0px 0px 0px 6px; max-width: 128px !important;}
img.svg {margin: 6px; vertical-align: bottom; width: 580px !important; height: 580px !important;}
img:not(.nailL, .nailR, .svg) {zoom: 0.9; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9);}

table {border-collapse: collapse; width: 100%}
table.rootList {margin-top: 4px; border: 1px solid #bbbbbb;}
tr.rootItemH {font-weight: bold; background-color: #cccccc;}
tr.rootItemE {background-color: #f7f7f7;}
tr.rootItemO {background-color: #ffffff;}
td.charS {min-width: 80px;}
td.charM {min-width: 160px;}
td.charL {min-width: 320px;}
td.date {min-width: 100px;}
td.text {min-width: 500px;}

div.iconL {float: left; background-color: #3fdf6f; color: #ffffff; font-size: 22px; font-weight: bold; font-family: Algerian, sans-serif; padding: 2px 6px 2px 6px; margin: 10px 4px 2px 0px;}

tr.gridHead {border: 1px; border-color: ffcfcf; border-style:solid; padding: 3px; margin: 0px; background-color: #efdfdf; font-weight: bold;}
td.gridHead {border: 1px; border-color: ffcfcf; border-style:solid; padding: 3px; margin: 0px; background-color: #efdfdf;}
td.gridCell {border: 1px; border-color: ffcfcf; border-style:solid; padding: 3px; margin: 0px;}
td.fieldLabel {border-bottom: 1px #cccccc solid; padding: 3px; margin: 0px; background-color: #f7f7f7; width: 20%; text-align: right; font-weight: bold;}
td.fieldValue {border-bottom: 1px #cccccc solid; padding: 3px; margin: 0px; background-color: #f7f7f7; width: 80%;}