9.userAgentStyle 默认浏览器样式 - User Agent Style • CSS火速入门

Chrome - Blink

/*
 * The default style sheet used to render HTML.
 *
 * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc. All rights reserved.
 *
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Library General Public
 * License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Library General Public License for more details.
 *
 * You should have received a copy of the GNU Library General Public License
 * along with this library; see the file COPYING.LIB.  If not, write to
 * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA 02110-1301, USA.
 *
 */
@namespace "https://www.w3.org/1999/xhtml";
html {
    display: block
}
/* children of the <head> element all have display:none */
head {
    display: none
}
meta {
    display: none
}
title {
    display: none
}
link {
    display: none
}
style {
    display: none
}
script {
    display: none
}
/* generic block-level elements */
body {
    display: block;
    margin: 8px
}
body:-webkit-full-page-media {
    background-color: rgb(0, 0, 0)
}
p {
    display: block;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1__qem;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
div {
    display: block
}
layer {
    display: block
}
article, aside, footer, header, hgroup, main, nav, section {
    display: block
}
marquee {
    display: inline-block;
}
address {
    display: block
}
blockquote {
    display: block;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
figcaption {
    display: block
}
figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
q {
    display: inline
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}
center {
    display: block;
    /* special centering to be able to emulate the html4/netscape behaviour */
    text-align: -webkit-center
}
hr {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px
}
map {
    display: inline
}
video {
    object-fit: contain;
}
/* heading elements */
h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67__qem;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold
}
:-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.5em;
    -webkit-margin-before: 0.83__qem;
    -webkit-margin-after: 0.83em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.17em;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
    font-size: 1.00em;
    -webkit-margin-before: 1.33__qem;
    -webkit-margin-after: 1.33em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
    font-size: .83em;
    -webkit-margin-before: 1.67__qem;
    -webkit-margin-after: 1.67em;
}
:-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
    font-size: .67em;
    -webkit-margin-before: 2.33__qem;
    -webkit-margin-after: 2.33em;
}
h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83__qem;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold
}
h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold
}
h4 {
    display: block;
    -webkit-margin-before: 1.33__qem;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold
}
h5 {
    display: block;
    font-size: .83em;
    -webkit-margin-before: 1.67__qem;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold
}
h6 {
    display: block;
    font-size: .67em;
    -webkit-margin-before: 2.33__qem;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold
}
/* tables */
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}
tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit
}
/* for tables without table section elements (can happen with XHTML or dynamically created tables) */
table > tr {
    vertical-align: middle;
}
col {
    display: table-column
}
colgroup {
    display: table-column-group
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}
td, th {
    display: table-cell;
    vertical-align: inherit
}
th {
    font-weight: bold
}
caption {
    display: table-caption;
    text-align: -webkit-center
}
/* lists */
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px
}
ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul ul, ol ul {
    list-style-type: circle
}
ol ol ul, ol ul ul, ul ol ul, ul ul ul {
    list-style-type: square
}
dd {
    display: block;
    -webkit-margin-start: 40px
}
dl {
    display: block;
    -webkit-margin-before: 1__qem;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
dt {
    display: block
}
ol ul, ul ol, ul ul, ol ol {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}
/* form elements */
form {
    display: block;
    margin-top: 0__qem;
}
label {
    cursor: default;
}
legend {
    display: block;
    -webkit-padding-start: 2px;
    -webkit-padding-end: 2px;
    border: none
}
fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    border: 2px groove ThreeDFace;
    min-width: -webkit-min-content;
}
button {
    -webkit-appearance: button;
}
/* Form controls don't go vertical. */
input, textarea, keygen, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}
input, textarea, keygen, select, button {
    margin: 0__qem;
    font: -webkit-small-control;
    text-rendering: auto; /* FIXME: Remove when tabs work with optimizeLegibility. */
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: start;
}
input[type="hidden" i] {
    display: none
}
input {
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border: 2px inset;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
}
input[type="search" i] {
    -webkit-appearance: searchfield;
    box-sizing: border-box;
}
input::-webkit-textfield-decoration-container {
    display: flex;
    align-items: center;
    -webkit-user-modify: read-only !important;
    content: none !important;
}
input[type="search" i]::-webkit-textfield-decoration-container {
    direction: ltr;
}
input::-webkit-clear-button {
    -webkit-appearance: searchfield-cancel-button;
    display: inline-block;
    flex: none;
    -webkit-user-modify: read-only !important;
    -webkit-margin-start: 2px;
    opacity: 0;
    pointer-events: none;
}
input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button {
    opacity: 1;
    pointer-events: auto;
}
input[type="search" i]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
    display: block;
    flex: none;
    -webkit-user-modify: read-only !important;
    -webkit-margin-start: 1px;
    opacity: 0;
    pointer-events: none;
}
input[type="search" i]:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-search-cancel-button {
    opacity: 1;
    pointer-events: auto;
}
input[type="search" i]::-webkit-search-decoration {
    -webkit-appearance: searchfield-decoration;
    display: block;
    flex: none;
    -webkit-user-modify: read-only !important;
    -webkit-align-self: flex-start;
    margin: auto 0;
}
input[type="search" i]::-webkit-search-results-decoration {
    -webkit-appearance: searchfield-results-decoration;
    display: block;
    flex: none;
    -webkit-user-modify: read-only !important;
    -webkit-align-self: flex-start;
    margin: auto 0;
}
input::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button;
    display: inline-block;
    cursor: default;
    flex: none;
    align-self: stretch;
    -webkit-user-select: none;
    -webkit-user-modify: read-only !important;
    opacity: 0;
    pointer-events: none;
}
input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button {
    opacity: 1;
    pointer-events: auto;
}
keygen, select {
    border-radius: 5px;
}
keygen::-webkit-keygen-select {
    margin: 0px;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    border: 1px solid;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    padding: 2px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
::-webkit-input-placeholder {
    -webkit-text-security: none;
    color: darkGray;
    pointer-events: none !important;
}
input::-webkit-input-placeholder {
    white-space: pre;
    word-wrap: normal;
    overflow: hidden;
    -webkit-user-modify: read-only !important;
}
input[type="password" i] {
    -webkit-text-security: disc !important;
}
input[type="hidden" i], input[type="image" i], input[type="file" i] {
    -webkit-appearance: initial;
    padding: initial;
    background-color: initial;
    border: initial;
}
input[type="file" i] {
    align-items: baseline;
    color: inherit;
    text-align: start !important;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #FAFFBD !important;
    background-image:none !important;
    color: #000000 !important;
}
input[type="radio" i], input[type="checkbox" i] {
    margin: 3px 0.5ex;
    padding: initial;
    background-color: initial;
    border: initial;
}
input[type="button" i], input[type="submit" i], input[type="reset" i] {
    -webkit-appearance: push-button;
    -webkit-user-select: none;
    white-space: pre
}
input[type="file" i]::-webkit-file-upload-button {
    -webkit-appearance: push-button;
    -webkit-user-modify: read-only !important;
    white-space: nowrap;
    margin: 0;
    font-size: inherit;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: ButtonText;
    padding: 2px 6px 3px 6px;
    border: 2px outset ButtonFace;
    background-color: ButtonFace;
    box-sizing: border-box
}
input[type="range" i] {
    -webkit-appearance: slider-horizontal;
    padding: initial;
    border: initial;
    margin: 2px;
    color: #909090;
}
input[type="range" i]::-webkit-slider-container, input[type="range" i]::-webkit-media-slider-container {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
    -webkit-user-modify: read-only !important;
    display: flex;
}
input[type="range" i]::-webkit-slider-runnable-track {
    flex: 1;
    min-width: 0;
    -webkit-align-self: center;
    box-sizing: border-box;
    -webkit-user-modify: read-only !important;
    display: block;
}
input[type="range" i]::-webkit-slider-thumb, input[type="range" i]::-webkit-media-slider-thumb {
    -webkit-appearance: sliderthumb-horizontal;
    box-sizing: border-box;
    -webkit-user-modify: read-only !important;
    display: block;
}
input[type="button" i]:disabled, input[type="submit" i]:disabled, input[type="reset" i]:disabled,
input[type="file" i]:disabled::-webkit-file-upload-button, button:disabled,
select:disabled, keygen:disabled, optgroup:disabled, option:disabled,
select[disabled]>option {
    color: GrayText
}
input[type="button" i]:active, input[type="submit" i]:active, input[type="reset" i]:active, input[type="file" i]:active::-webkit-file-upload-button, button:active {
    border-style: inset
}
input[type="button" i]:active:disabled, input[type="submit" i]:active:disabled, input[type="reset" i]:active:disabled, input[type="file" i]:active:disabled::-webkit-file-upload-button, button:active:disabled {
    border-style: outset
}
option:-internal-spatial-navigation-focus {
    outline: black dashed 1px;
    outline-offset: -1px;
}
datalist {
    display: none
}
area {
    display: inline;
    cursor: pointer;
}
param {
    display: none
}
input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}
input[type="radio" i] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}
input[type="color" i] {
    -webkit-appearance: square-button;
    width: 44px;
    height: 23px;
    background-color: ButtonFace;
    /* Same as native_theme_base. */
    border: 1px #a9a9a9 solid;
    padding: 1px 2px;
}
input[type="color" i]::-webkit-color-swatch-wrapper {
    display:flex;
    padding: 4px 2px;
    box-sizing: border-box;
    -webkit-user-modify: read-only !important;
    width: 100%;
    height: 100%
}
input[type="color" i]::-webkit-color-swatch {
    background-color: #000000;
    border: 1px solid #777777;
    flex: 1;
    min-width: 0;
    -webkit-user-modify: read-only !important;
}
input[type="color" i][list] {
    -webkit-appearance: menulist;
    width: 88px;
    height: 23px
}
input[type="color" i][list]::-webkit-color-swatch-wrapper {
    padding-left: 8px;
    padding-right: 24px;
}
input[type="color" i][list]::-webkit-color-swatch {
    border-color: #000000;
}
input::-webkit-calendar-picker-indicator {
    display: inline-block;
    width: 0.66em;
    height: 0.66em;
    padding: 0.17em 0.34em;
    -webkit-user-modify: read-only !important;
    opacity: 0;
    pointer-events: none;
}
input::-webkit-calendar-picker-indicator:hover {
    background-color: #eee;
}
input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-calendar-picker-indicator,
input::-webkit-calendar-picker-indicator:focus {
    opacity: 1;
    pointer-events: auto;
}
input[type="date" i]:disabled::-webkit-clear-button,
input[type="date" i]:disabled::-webkit-inner-spin-button,
input[type="datetime-local" i]:disabled::-webkit-clear-button,
input[type="datetime-local" i]:disabled::-webkit-inner-spin-button,
input[type="month" i]:disabled::-webkit-clear-button,
input[type="month" i]:disabled::-webkit-inner-spin-button,
input[type="week" i]:disabled::-webkit-clear-button,
input[type="week" i]:disabled::-webkit-inner-spin-button,
input:disabled::-webkit-calendar-picker-indicator,
input[type="date" i][readonly]::-webkit-clear-button,
input[type="date" i][readonly]::-webkit-inner-spin-button,
input[type="datetime-local" i][readonly]::-webkit-clear-button,
input[type="datetime-local" i][readonly]::-webkit-inner-spin-button,
input[type="month" i][readonly]::-webkit-clear-button,
input[type="month" i][readonly]::-webkit-inner-spin-button,
input[type="week" i][readonly]::-webkit-clear-button,
input[type="week" i][readonly]::-webkit-inner-spin-button,
input[readonly]::-webkit-calendar-picker-indicator {
    visibility: hidden;
}
select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    border: 1px solid;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
}
select:not(:-internal-list-box) {
    overflow: visible !important;
}
select:-internal-list-box {
    -webkit-appearance: listbox;
    align-items: flex-start;
    border: 1px inset gray;
    border-radius: initial;
    overflow-x: hidden;
    overflow-y: scroll;
    vertical-align: text-bottom;
    -webkit-user-select: none;
    white-space: nowrap;
}
optgroup {
    font-weight: bolder;
    display: block;
}
option {
    font-weight: normal;
    display: block;
    padding: 0 2px 1px 2px;
    white-space: pre;
    min-height: 1.2em;
}
select:-internal-list-box optgroup option:before {
    content: "\00a0\00a0\00a0\00a0";;
}
select:-internal-list-box option,
select:-internal-list-box optgroup {
    line-height: initial !important;
}
select:-internal-list-box:focus option:checked {
    background-color: -internal-active-list-box-selection !important;
    color: -internal-active-list-box-selection-text !important;
}
select:-internal-list-box option:checked {
    background-color: -internal-inactive-list-box-selection !important;
    color: -internal-inactive-list-box-selection-text !important;
}
select:-internal-list-box:disabled option:checked,
select:-internal-list-box option:checked:disabled {
    color: gray !important;
}
select:-internal-list-box hr {
    border-style: none;
}
output {
    display: inline;
}
/* meter */
meter {
    -webkit-appearance: meter;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    width: 5em;
    vertical-align: -0.2em;
}
meter::-webkit-meter-inner-element {
    -webkit-appearance: inherit;
    box-sizing: inherit;
    -webkit-user-modify: read-only !important;
    height: 100%;
    width: 100%;
}
meter::-webkit-meter-bar {
    background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
    height: 100%;
    width: 100%;
    -webkit-user-modify: read-only !important;
    box-sizing: border-box;
}
meter::-webkit-meter-optimum-value {
    background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
    height: 100%;
    -webkit-user-modify: read-only !important;
    box-sizing: border-box;
}
meter::-webkit-meter-suboptimum-value {
    background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
    height: 100%;
    -webkit-user-modify: read-only !important;
    box-sizing: border-box;
}
meter::-webkit-meter-even-less-good-value {
    background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
    height: 100%;
    -webkit-user-modify: read-only !important;
    box-sizing: border-box;
}
/* progress */
progress {
    -webkit-appearance: progress-bar;
    box-sizing: border-box;
    display: inline-block;
    height: 1em;
    width: 10em;
    vertical-align: -0.2em;
}
progress::-webkit-progress-inner-element {
    -webkit-appearance: inherit;
    box-sizing: inherit;
    -webkit-user-modify: read-only;
    height: 100%;
    width: 100%;
}
progress::-webkit-progress-bar {
    background-color: gray;
    height: 100%;
    width: 100%;
    -webkit-user-modify: read-only !important;
    box-sizing: border-box;
}
progress::-webkit-progress-value {
    background-color: green;
    height: 100%;
    width: 50%; /* should be removed later */
    -webkit-user-modify: read-only !important;
    box-sizing: border-box;
}
/* inline elements */
u, ins {
    text-decoration: underline
}
strong, b {
    font-weight: bold
}
i, cite, em, var, address, dfn {
    font-style: italic
}
tt, code, kbd, samp {
    font-family: monospace
}
pre, xmp, plaintext, listing {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1__qem 0
}
mark {
    background-color: yellow;
    color: black
}
big {
    font-size: larger
}
small {
    font-size: smaller
}
s, strike, del {
    text-decoration: line-through
}
sub {
    vertical-align: sub;
    font-size: smaller
}
sup {
    vertical-align: super;
    font-size: smaller
}
nobr {
    white-space: nowrap
}
/* states */
:focus { 
    outline: auto 5px -webkit-focus-ring-color
}
/* Read-only text fields do not show a focus ring but do still receive focus */
html:focus, body:focus, input[readonly]:focus { 
    outline: none
}
embed:focus, iframe:focus, object:focus {
    outline: none
}

input:focus, textarea:focus, keygen:focus, select:focus {
    outline-offset: -2px
}
input[type="button" i]:focus,
input[type="checkbox" i]:focus,
input[type="file" i]:focus,
input[type="hidden" i]:focus,
input[type="image" i]:focus,
input[type="radio" i]:focus,
input[type="reset" i]:focus,
input[type="search" i]:focus,
input[type="submit" i]:focus,
input[type="file" i]:focus::-webkit-file-upload-button {
    outline-offset: 0
}

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}
a:-webkit-any-link:active {
    color: -webkit-activelink
}
/* HTML5 ruby elements */
ruby, rt {
    text-indent: 0; /* blocks used for ruby rendering should not trigger this */
}
rt {
    line-height: normal;
    -webkit-text-emphasis: none;
}
ruby > rt {
    display: block;
    font-size: 50%;
    text-align: start;
}
ruby > rp {
    display: none;
}
/* other elements */
noframes {
    display: none
}
frameset, frame {
    display: block
}
frameset {
    border-color: inherit
}
iframe {
    border: 2px inset
}
details {
    display: block
}
summary {
    display: block
}
summary::-webkit-details-marker {
    display: inline-block;
    width: 0.66em;
    height: 0.66em;
    -webkit-margin-end: 0.4em;
}
template {
    display: none
}
bdi, output {
    unicode-bidi: -webkit-isolate;
}
bdo {
    unicode-bidi: bidi-override;
}
textarea[dir=auto i] {
    unicode-bidi: -webkit-plaintext;
}
dialog:not([open]) {
    display: none
}
dialog {
    position: absolute;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    height: -webkit-fit-content;
    margin: auto;
    border: solid;
    padding: 1em;
    background: white;
    color: black
}
dialog::backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.1)
}
/* page */
@page {
    /* FIXME: Define the right default values for page properties. */
    size: auto;
    margin: auto;
    padding: 0px;
    border-width: 0px;
}
/* Disable multicol in printing, since it's not implemented properly. See crbug.com/99358 */
@media print {
    * { -webkit-columns: auto !important; }
}
/* noscript is handled internally, as it depends on settings. */

火狐 - Firefox Gecko

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */

@namespace url(https://www.w3.org/1999/xhtml); /* set default namespace to HTML */
@namespace xul url(https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* bidi */

:-moz-has-dir-attr {
  unicode-bidi: isolate;
}
:-moz-dir-attr-rtl {
  direction: rtl;
}
:-moz-dir-attr-ltr {
  direction: ltr;
}

:-moz-dir-attr-like-auto:dir(ltr) { direction: ltr; }
:-moz-dir-attr-like-auto:dir(rtl) { direction: rtl; }

/* To ensure https://www.w3.org/TR/REC-html40/struct/dirlang.html#style-bidi:
 *
 * "When a block element that does not have a dir attribute is transformed to
 * the style of an inline element by a style sheet, the resulting presentation
 * should be equivalent, in terms of bidirectional formatting, to the
 * formatting obtained by explicitly adding a dir attribute (assigned the
 * inherited value) to the transformed element."
 *
 * and the rules in https://dev.w3.org/html5/spec/rendering.html#rendering
 */

address,
article,
aside,
blockquote,
body,
caption,
center,
col,
colgroup,
dd,
dir,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
legend,
li,
listing,
main,
marquee,
menu,
nav,
noframes,
ol,
p,
plaintext,
pre,
section,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul,
xmp {
  unicode-bidi: isolate;
}

bdi, output {
  unicode-bidi: isolate;
}
/* We need the "bdo:-moz-has-dir-attr" bit because "bdo" has lower
   specificity than the ":-moz-has-dir-attr" selector above. */
bdo, bdo:-moz-has-dir-attr {
  unicode-bidi: isolate-override;
}
textarea:-moz-dir-attr-like-auto,
pre:-moz-dir-attr-like-auto {
    unicode-bidi: plaintext;
}

/* blocks */

article,
aside,
details,
div,
dt,
figcaption,
footer,
form,
header,
hgroup,
html,
main,
nav,
section,
summary {
  display: block;
}

body {
  display: block;
  margin: 8px;
}

p, dl, multicol {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

dd {
  display: block;
  margin-inline-start: 40px;
}

blockquote, figure {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}

address {
  display: block;
  font-style: italic;
}

center {
  display: block;
  text-align: -moz-center;
}

blockquote[type=cite] {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 1em;
  border-inline-start: solid;
  border-color: blue;
  border-width: thin;
}

span[_moz_quote=true] {
  color: blue;
}

pre[_moz_quote=true] {
  color: blue;
}

h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin-block-start: .67em;
  margin-block-end: .67em;
}

h2,
:-moz-any(article, aside, nav, section)
h1 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin-block-start: .83em;
  margin-block-end: .83em;
}

h3,
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
h1 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

h4,
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
h1 {
  display: block;
  font-size: 1.00em;
  font-weight: bold;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}

h5,
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
h1 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

h6,
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
:-moz-any(article, aside, nav, section)
h1 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}

listing {
  display: block;
  font-family: -moz-fixed;
  font-size: medium;
  white-space: pre;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

xmp, pre, plaintext {
  display: block;
  font-family: -moz-fixed;
  white-space: pre;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

/* tables */

table {
  display: table;
  border-spacing: 2px;
  border-collapse: separate;
  /* XXXldb do we want this if we're border-collapse:collapse ? */
  box-sizing: border-box;
  text-indent: 0;
}

table[align="left"] {
  float: left;
}

table[align="right"] {
  float: right;
  text-align: start;
}

/* border collapse rules */

  /* Set hidden if we have 'frame' or 'rules' attribute.
     Set it on all sides when we do so there's more consistency
     in what authors should expect */

  /* Put this first so 'border' and 'frame' rules can override it. */
table[rules] { 
  border-width: thin;
  border-style: hidden;
}

  /* 'border' before 'frame' so 'frame' overrides
      A border with a given value should, of course, pass that value
      as the border-width in pixels -> attr mapping */

  /* :-moz-table-border-nonzero is like [border]:not([border="0"]) except it
     also checks for other zero-like values according to HTML attribute
     parsing rules */
table:-moz-table-border-nonzero { 
  border-width: thin;
  border-style: outset;
}

table[frame] {
  border: thin hidden;
}

/* specificity must beat table:-moz-table-border-nonzero rule above */
table[frame="void"]   { border-style: hidden; }
table[frame="above"]  { border-style: outset hidden hidden hidden; }
table[frame="below"]  { border-style: hidden hidden outset hidden; }
table[frame="lhs"]    { border-style: hidden hidden hidden outset; }
table[frame="rhs"]    { border-style: hidden outset hidden hidden; }
table[frame="hsides"] { border-style: outset hidden; }
table[frame="vsides"] { border-style: hidden outset; }
table[frame="box"],
table[frame="border"] { border-style: outset; }

/* Internal Table Borders */

  /* 'border' cell borders first */

table:-moz-table-border-nonzero > * > tr > td,
table:-moz-table-border-nonzero > * > tr > th,
table:-moz-table-border-nonzero > * > td,
table:-moz-table-border-nonzero > * > th,
table:-moz-table-border-nonzero > td,
table:-moz-table-border-nonzero > th
{
  border-width: thin;
  border-style: inset;
}

/* collapse only if rules are really specified */
table[rules]:not([rules="none"]):not([rules=""]) {
  border-collapse: collapse;
}

/* only specified rules override 'border' settings  
  (increased specificity to achieve this) */
table[rules]:not([rules=""])> tr > td,
table[rules]:not([rules=""])> * > tr > td,
table[rules]:not([rules=""])> tr > th,
table[rules]:not([rules=""])> * > tr > th,
table[rules]:not([rules=""])> td,
table[rules]:not([rules=""])> th
{
  border-width: thin;
  border-style: none;
}

table[rules][rules="none"]  > tr > td,
table[rules][rules="none"] > * > tr > td,
table[rules][rules="none"] > tr > th,
table[rules][rules="none"] > * > tr > th,
table[rules][rules="none"] > td,
table[rules][rules="none"] > th
{
  border-width: thin;
  border-style: none;
}

table[rules][rules="all"] > tr > td,
table[rules][rules="all"] > * > tr > td,
table[rules][rules="all"] > tr > th,
table[rules][rules="all"] > * > tr > th,
table[rules][rules="all"] > td,
table[rules][rules="all"] > th 
{
  border-width: thin;
  border-style: solid;
}

table[rules][rules="rows"] > tr,
table[rules][rules="rows"] > * > tr {
  border-block-start-width: thin;
  border-block-end-width: thin;
  border-block-start-style: solid;
  border-block-end-style: solid;
}

table[rules][rules="cols"] > tr > td,
table[rules][rules="cols"] > * > tr > td,
table[rules][rules="cols"] > tr > th,
table[rules][rules="cols"] > * > tr > th {
  border-inline-start-width: thin;
  border-inline-end-width: thin;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
}

table[rules][rules="groups"] > colgroup {
  border-inline-start-width: thin;
  border-inline-end-width: thin;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
}
table[rules][rules="groups"] > tfoot,
table[rules][rules="groups"] > thead,
table[rules][rules="groups"] > tbody {
  border-block-start-width: thin;
  border-block-end-width: thin;
  border-block-start-style: solid;
  border-block-start-style: solid;
}

/* caption inherits from table not table-outer */  
caption {
  display: table-caption;
  text-align: center;
}

table[align="center"] > caption {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

table[align="center"] > caption[align="left"]:dir(ltr) {
  margin-inline-end: 0;
}
table[align="center"] > caption[align="left"]:dir(rtl) {
  margin-inline-start: 0;
}

table[align="center"] > caption[align="right"]:dir(ltr) {
  margin-inline-start: 0;
}
table[align="center"] > caption[align="right"]:dir(rtl) {
  margin-inline-end: 0;
}

tr {
  display: table-row;
  vertical-align: inherit;
}

col {
  display: table-column;
}

colgroup {
  display: table-column-group;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
}

thead {
  display: table-header-group;
  vertical-align: middle;
}

tfoot {
  display: table-footer-group;
  vertical-align: middle;
}

/* for XHTML tables without tbody */
table > tr {
  vertical-align: middle;
}

td { 
  display: table-cell;
  vertical-align: inherit;
  text-align: inherit; 
  padding: 1px;
}

th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  padding: 1px;
}

tr > form:-moz-is-html, tbody > form:-moz-is-html,
thead > form:-moz-is-html, tfoot > form:-moz-is-html,
table > form:-moz-is-html {
  /* Important: don't show these forms in HTML */
  display: none !important;
}

table[bordercolor] > tbody,
table[bordercolor] > thead,
table[bordercolor] > tfoot,
table[bordercolor] > col,
table[bordercolor] > colgroup,
table[bordercolor] > tr,
table[bordercolor] > * > tr,
table[bordercolor]  > tr > td,
table[bordercolor] > * > tr > td,
table[bordercolor]  > tr > th,
table[bordercolor] > * > tr > th {
  border-color: inherit;
}

/* inlines */

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

b, strong {
  font-weight: bolder;
}

i, cite, em, var, dfn {
  font-style: italic;
}

tt, code, kbd, samp {
  font-family: -moz-fixed;
}

u, ins {
  text-decoration: underline;
}

s, strike, del {
  text-decoration: line-through;
}

big {
  font-size: larger;
}

small {
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

nobr {
  white-space: nowrap;
}

mark {
  background: yellow;
  color: black;
}

/* titles */
abbr[title], acronym[title] {
  text-decoration: dotted underline;
}

/* lists */

ul, menu, dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}

menu[type="context"] {
  display: none !important;
}

ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  padding-inline-start: 40px;
}

li {
  display: list-item;
  text-align: match-parent;
}

/* nested lists have no top/bottom margins */
:-moz-any(ul, ol, dir, menu, dl) ul,
:-moz-any(ul, ol, dir, menu, dl) ol,
:-moz-any(ul, ol, dir, menu, dl) dir,
:-moz-any(ul, ol, dir, menu, dl) menu,
:-moz-any(ul, ol, dir, menu, dl) dl {
  margin-block-start: 0;
  margin-block-end: 0;
}

/* 2 deep unordered lists use a circle */
:-moz-any(ol, ul, menu, dir) ul,
:-moz-any(ol, ul, menu, dir) menu,
:-moz-any(ol, ul, menu, dir) dir {
  list-style-type: circle;
}

/* 3 deep (or more) unordered lists use a square */
:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) ul,
:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) menu,
:-moz-any(ol, ul, menu, dir) :-moz-any(ol, ul, menu, dir) dir {
  list-style-type: square;
}

/* leafs */

/* <hr> noshade and color attributes are handled completely by
 * the nsHTMLHRElement attribute mapping code
 */
hr {
  display: block;
  border: 1px inset;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  color: gray;
  -moz-float-edge: margin-box;
  box-sizing: content-box;
}

hr[size="1"] {
  border-style: solid none none none;
}

img:-moz-broken::before, input:-moz-broken::before,
img:-moz-user-disabled::before, input:-moz-user-disabled::before,
img:-moz-loading::before, input:-moz-loading::before {
  content: -moz-alt-content !important;
  unicode-bidi: isolate;
}

object:-moz-any(:-moz-broken,:-moz-user-disabled) > *|* {
  /*
    Inherit in the object's alignment so that if we aren't aligned explicitly
    we'll end up in the right place vertically.  See bug 36997.  Note that this
    is not !important because we _might_ be aligned explicitly.
  */
  vertical-align: inherit;
}

img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed,
embed:-moz-suppressed {
  /*
    Set visibility too in case the page changes display.  Note that we _may_
    want to just set visibility and not display, in general, if we find that
    display:none breaks too many layouts.  And if we decide we really do want
    people to be able to right-click blocked images, etc, we need to set
    neither one, and hack the painting code.... :(
   */
  display: none !important;
  visibility: hidden !important;
}

img[usemap], object[usemap] {
  color: blue;
}

frameset {
  display: block ! important;
  overflow: -moz-hidden-unscrollable;
  position: static ! important;
  float: none ! important;
  border: none ! important;
}

link { 
  display: none;
}

frame {
  border-radius: 0 ! important;
}

iframe {
  border: 2px inset;
}

noframes {
  display: none;
}

spacer {
  position: static ! important;
  float: none ! important;
}

canvas {
  -moz-user-select: none;
}

/* focusable content: anything w/ tabindex >=0 is focusable, but we
   skip drawing a focus outline on a few things that handle it
   themselves. */
:-moz-focusring:not(input):not(button):not(select):not(textarea):not(iframe):not(frame):not(body):not(html) {
  /* Don't specify the outline-color, we should always use initial value. */
   outline: 1px dotted;
}

/* hidden elements */
base, basefont, datalist, head, meta, script, style, title,
noembed, param, template {
   display: none;
}

area {
  /* Don't give it frames other than its imageframe */
  display: none ! important;
}

iframe:fullscreen {
  /* iframes in full-screen mode don't show a border. */
  border: none !important;
  padding: 0 !important;
}

/* media elements */
video > xul|videocontrols, audio > xul|videocontrols {
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-binding: url("chrome://global/content/bindings/videocontrols.xml#videoControls");
}

video:not([controls]) > xul|videocontrols,
audio:not([controls]) > xul|videocontrols {
  visibility: hidden;
  -moz-binding: none;
}

video {
  object-fit: contain;
}

video > img:-moz-native-anonymous {
  /* Video poster images should render with the video element's "object-fit" &
     "object-position" properties */
  object-fit: inherit !important;
  object-position: inherit !important;
}

audio:not([controls]) {
  display: none;
}

audio[controls] {
  /* This ensures that intrinsic sizing can reliably shrinkwrap our
      controls (which are also always horizontal) and produce a
      reasonable intrinsic size from them. */
  writing-mode: horizontal-tb !important;
}

*|*::-moz-html-canvas-content {
  display: block !important;
  /* we want to be an absolute and fixed container */
  transform: translate(0) !important;
}

video > .caption-box {
  width: 100%;
  height: 100%;
  position: relative;
}

/* ::cue default settings */
::cue {
  color: rgba(255, 255, 255, 1);
  white-space: pre-line;
  background-color: rgba(0, 0, 0, 0.8);
  font: var(--cue-font-size) sans-serif;
}

/* datetime elements */

input[type="time"] > xul|datetimebox {
  display: flex;
  -moz-binding: url("chrome://global/content/bindings/datetimebox.xml#time-input");
}

input[type="date"] > xul|datetimebox {
  display: flex;
  -moz-binding: url("chrome://global/content/bindings/datetimebox.xml#date-input");
}

/* details & summary */
details > summary:first-of-type,
details > summary:-moz-native-anonymous {
  display: list-item;
  list-style: disclosure-closed inside;
}

details[open] > summary:first-of-type,
details[open] > summary:-moz-native-anonymous {
  list-style-type: disclosure-open;
}

details > summary:first-of-type > *|* {
  /* Cancel "list-style-position: inside" inherited from summary. */
  list-style-position: initial;
}

/* <dialog> element styles */

dialog {
  position: absolute;
  offset-inline-start: 0;
  offset-inline-end: 0;
  color: black;
  margin: auto;
  border-width: initial;
  border-style: solid;
  border-color: initial;
  border-image: initial;
  padding: 1em;
  background: white;
  width: -moz-fit-content;
}

dialog:not([open]) {
  display: none;
}

/* emulation of non-standard HTML <marquee> tag */
marquee {
  inline-size: -moz-available;
  display: inline-block;
  vertical-align: text-bottom;
  text-align: start;
  -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal');
}

marquee[direction="up"], marquee[direction="down"] {
  -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical');
  block-size: 200px;
}

/* PRINT ONLY rules follow */
@media print {

  marquee { -moz-binding: none; }

}

/* Ruby */

ruby {
  display: ruby;
}
rb {
  display: ruby-base;
  white-space: nowrap;
}
rp {
  display: none;
}
rt {
  display: ruby-text;
}
rtc {
  display: ruby-text-container;
}
rtc, rt {
  white-space: nowrap;
  font-size: 50%;
  -moz-min-font-size-ratio: 50%;
  line-height: 1;
%ifndef XP_WIN
  /* The widely-used Windows font Meiryo doesn't work fine with this
   * setting, so disable this on Windows. We should re-enable it once
   * Microsoft fixes this issue. See bug 1164279. */
  font-variant-east-asian: ruby;
%endif
}
rtc, rt {
  text-emphasis: none;
}
rtc:lang(zh), rt:lang(zh) {
  ruby-align: center;
}
rtc:lang(zh-TW), rt:lang(zh-TW) {
  font-size: 30%; /* bopomofo */
  -moz-min-font-size-ratio: 30%;
}
rtc > rt {
  font-size: inherit;
}
ruby, rb, rt, rtc {
  unicode-bidi: isolate;
}

Edge

/*! Microsoft EdgeHTML 13.10586 | Copyright (C) Microsoft. All rights reserved. */

address {
    display: block;
    font-style: italic;
}

article {
    display: block;
    unicode-bidi: embed;
}

aside {
    display: block;
    unicode-bidi: embed;
}

audio[controls] {
    height: 30px;
    width: 300px;
}

audio:not([controls]) {
    display: none;
}

b {
    font-weight: 700;
}

bdo {
    unicode-bidi: bidi-override;
}

blockquote {
    display: block;
    margin: 0.5em 40px;
}

body {
    display: block;
    margin: 8px;
}

button {
    background-color: #f0f0f0;
    background-image: linear-gradient(#ececec, #d5d5d5);
    background-origin: border-box;
    border: 2px solid #707070;
    box-sizing: border-box;
    color: #212121;
    display: inline-block;
    font-family: "Arial";
    height: 6px;
    padding: 1px 6px;
    text-align: center;
    webkit-appearance: button;
    webkit-background-origin: border-box;
    width: 16px;
}

canvas {
    height: 150px;
    width: 300px;
}

caption {
    display: table-caption;
    text-align: center;
}

cite {
    font-style: italic;
}

code {
    font-family: "Courier New";
}

col {
    display: table-column;
}

colgroup {
    display: table-column-group;
}

datalist {
    display: none;
}

dd {
    display: block;
    margin-left: 40px;
}

del {
    text-decoration: line-through;
}

dd {
    display: block;
    margin-left: 40px;
}

del {
    text-decoration: line-through;
}

dfn {
    font-style: italic;
}

div {
    display: block;
}

dl {
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

dt {
    display: block;
}

em {
    font-style: italic;
}

embed {
    height: 16px;
    width: 16px;
}

fieldset {
    border: 2px groove;
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    min-width: auto;
    padding: 0.5em;
}

figcaption {
    display: block;
    unicode-bidi: embed;
}

figure {
    display: block;
    margin: 0.5em 40px;
    unicode-bidi: embed;
}

footer {
    display: block;
    unicode-bidi: embed;
}

form {
    display: block;
}

h1 {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    page-break-after: avoid;
}

h2 {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    page-break-after: avoid;
}

h3 {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    page-break-after: avoid;
}

h4 {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    page-break-after: avoid;
}

h5 {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    page-break-after: avoid;
}

h6 {
    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    page-break-after: avoid;
}

head {
    display: none;
}

header {
    display: block;
    unicode-bidi: embed;
}

hr {
    border: 1px inset;
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
}

html {
    display: block;
}

i {
    font-style: italic;
}

iframe {
    border: 2px inset;
    height: 150px;
    width: 300px;
}

img {}

input {
    background-color: #ffffff;
    border: 2px solid #707070;
    color: #212121;
    display: inline-block;
    font-family: "Arial";
    justify-content: space-between;
    ms-user-select: element;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 1px;
    padding-top: 1px;
    webkit-appearance: textfield;
    webkit-justify-content: space-between;
    webkit-user-select: element;
    white-space: pre;
}

ins {
    text-decoration: underline;
}

kbd {
    font-family: "Courier New";
}

legend {
    padding-left: 2px;
    padding-right: 2px;
}

li {
    display: list-item;
    height: 0.5em;
}

main {
    display: block;
    unicode-bidi: embed;
}

mark {
    background-color: #ffff00;
    webkit-tap-highlight-color: black;
}

menu {
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-left: 40px;
}

meta {
    display: none;
}

meter {
    box-sizing: border-box;
    display: inline-block;
    height: 0.5em;
    vertical-align: 0.5em;
    width: 0.5em;
}

nav {
    display: block;
    unicode-bidi: embed;
}

noscript {
    display: none;
}

object {
    height: 16px;
    width: 16px;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-left: 40px;
}

optgroup {
    font-weight: 600;
}

p {
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

pre {
    display: block;
    font-family: "Courier New";
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    white-space: pre;
}

progress {
    color: #369aca;
    height: 10px;
    width: 280px;
}

rt {
    display: ruby-text;
}

ruby {
    display: ruby;
}

s {
    text-decoration: line-through;
}

samp {
    font-family: "Courier New";
}

script {
    display: none;
}

section {
    display: block;
    unicode-bidi: embed;
}

select {
    background-color: #ffffff;
    border: 1px solid #707070;
    box-sizing: border-box;
    color: #212121;
    display: inline-block;
    font-family: "Arial";
    justify-content: space-between;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    webkit-appearance: menulist;
    webkit-justify-content: space-between;
}

strong {
    font-weight: 700;
}

style {
    display: none;
}

sub {
    font-size: 0.5em;
    vertical-align: sub;
}

sup {
    font-size: 0.5em;
    vertical-align: super;
}

table {
    border-spacing: 2px 2px;
    box-sizing: border-box;
    display: table;
    width: 2px;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
}

td {
    display: table-cell;
    padding: 1px;
}

template {
    display: none;
}

textarea {
    background-color: #ffffff;
    border: 1px solid #707070;
    color: #212121;
    display: inline-block;
    font-family: "Courier New";
    ms-user-select: element;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2px;
    webkit-appearance: button;
    webkit-user-select: element;
    white-space: pre-wrap;
}

tfoot {
    display: table-footer-group;
    vertical-align: middle;
}

th {
    display: table-cell;
    font-weight: 700;
    padding: 1px;
    text-align: center;
}

thead {
    display: table-header-group;
    vertical-align: middle;
}

title {
    display: none;
}

tr {
    display: table-row;
}

u {
    text-decoration: underline;
}

ul {
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-left: 40px;
}

var {
    font-style: italic;
}

video {
    height: 150px;
    width: 300px;
}
/*
     FILE ARCHIVED ON 15:38:01 Nov 26, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:09:15 Mar 28, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/

IE9

[dir=rtl] dd {
    margin: 0 40px 0 0;
}

[dir=rtl] menu {
    padding: 0 30pt 0 0;
}

[dir=rtl] ol {
    padding: 0 30pt 0 0;
}

[dir=rtl] ul {
    padding: 0 30pt 0 0;
}

a {
    color: #06C;
    text-decoration: underline;
}

a:visited {
    color: #80080;
}

address {
    display: block;
    font-style: italic;
}

b {
    font-weight: bold;
}

bdo {
    direction: rtl;
    unicode-bidi: bidi-override;
}

blockquote {
    display: block;
    margin: 1em 40px;
}

body {
    display: block;
    margin: 8px;
    zoom: 1;
}

button {
    background-color: #F0F0F0;
    border-width: 3px;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 10pt;
    overflow: hidden;
    padding: 1px 8px;
    text-align: center;
    zoom: 1;
}

caption {
    display: table-caption;
    text-align: center;
    zoom: 1;
}

cite {
    font-style: italic;
}

code {
    font-family: monospace;
    font-size: 10pt;
}

col {
    box-sizing: border-box;
    display: table-column;
}

colgroup {
    box-sizing: border-box;
    display: table-column-group;
}

dd {
    display: block;
    margin: 0 0 0 40px;
}

del {
    text-decoration: line-through;
}

dfn {
    font-style: italic;
}

div {
    display: block;
}

dl {
    display: block;
    margin: 1em 0;
}

dt {
    display: block;
}

em {
    font-style: italic;
}

embed {
    zoom: 1;
}

fieldset {
    border-style: groove;
    border-width: 2px;
    display: block;
    margin: 0 2px;
    padding: 0 2px 3px;
    zoom: 1;
}

form {
    display: block;
}

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    page-break-after: avoid;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    page-break-after: avoid;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    page-break-after: avoid;
}

h4 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
    page-break-after: avoid;
}

h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
    page-break-after: avoid;
}

h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
    page-break-after: avoid;
}

head {
    display: none;
}

hr {
    border-style: inset;
    border-width: 1px;
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    overflow: hidden;
    text-align: center;
    zoom: 1;
}

html {
    display: block;
    zoom: 1;
}

i {
    font-style: italic;
}

iframe {
    background-color: #FFF;
    height: 150px;
    width: 300px;
    zoom: 1;
}

img {
    zoom: 1;
}

input {
    background-color: #FFF;
    border-width: 2px;
    font-family: sans-serif;
    font-size: 10pt;
    overflow: hidden;
    padding: 1px;
    zoom: 1;
}

ins {
    text-decoration: underline;
}

kbd {
    font-family: monospace;
    font-size: 10pt;
}

legend {
    padding: 0 2px;
    zoom: 1;
}

li {
    display: list-item;
}

menu {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}

object {
    zoom: 1;
}

ol {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}

optgroup {
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}

option {
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}

p {
    display: block;
    margin: 1em 0;
}

pre {
    display: block;
    font-family: monospace;
    font-size: 10pt;
    margin: 1em 0;
    white-space: pre;
}

rp {
    font-size: 6pt;
}

rt {
    display: ruby-text;
    font-size: 6pt;
}

ruby {
    display: ruby;
}

samp {
    font-family: monospace;
    font-size: 10pt;
}

script {
    display: none;
    zoom: 1;
}

select {
    background-color: #FFF;
    border-width: 1px;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 10pt;
    overflow: hidden;
    zoom: 1;
}

small {
    font-size: 0.83em;
}

strong {
    font-weight: bold;
}

style {
    display: none;
    zoom: 1;
}

sub {
    font-size: 0.83em;
}

sup {
    font-size: 0.83em;
}

table {
    border-color: #F0F0F0;
    border-spacing: 2px 2px;
    box-sizing: border-box;
    display: table;
    zoom: 1;
}

tbody {
    box-sizing: border-box;
    display: table-row-group;
    vertical-align: middle;
}

td {
    display: table-cell;
    padding: 1px;
    vertical-align: middle;
    zoom: 1;
}

textarea {
    background-color: #FFF;
    border-width: 1px;
    font-family: monospace;
    font-size: 10pt;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 2px;
    white-space: pre-wrap;
    zoom: 1;
}

tfoot {
    box-sizing: border-box;
    display: table-footer-group;
    vertical-align: middle;
}

th {
    display: table-cell;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    zoom: 1;
}

thead {
    box-sizing: border-box;
    display: table-header-group;
    vertical-align: middle;
}

tr {
    box-sizing: border-box;
    display: table-row;
    vertical-align: middle;
    zoom: 1;
}

ul {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}

var {
    font-style: italic;
}
/*
     FILE ARCHIVED ON 21:38:25 Nov 26, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:08:30 Mar 28, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/

IE8

[dir=rtl] dd {
    margin: 0 40px 0 0;
}

[dir=rtl] menu {
    padding: 0 30pt 0 0;
}

[dir=rtl] ol {
    padding: 0 30pt 0 0;
}

[dir=rtl] ul {
    padding: 0 30pt 0 0;
}

a {
    color: #06C;
    text-decoration: underline;
}

a:visited {
    color: #80080;
}

address {
    display: block;
    font-style: italic;
}

b {
    font-weight: bold;
}

bdo {
    direction: rtl;
    unicode-bidi: bidi-override;
}

blockquote {
    display: block;
    margin: 1em 40px;
}

body {
    display: block;
    margin: 8px;
    zoom: 1;
}

button {
    background-color: #F0F0F0;
    border-width: 3px;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 10pt;
    overflow: hidden;
    padding: 1px 8px;
    text-align: center;
    zoom: 1;
}

caption {
    display: table-caption;
    text-align: center;
    zoom: 1;
}

cite {
    font-style: italic;
}

code {
    font-family: monospace;
    font-size: 10pt;
}

col {
    box-sizing: border-box;
    display: table-column;
}

colgroup {
    box-sizing: border-box;
    display: table-column-group;
}

dd {
    display: block;
    margin: 0 0 0 40px;
}

del {
    text-decoration: line-through;
}

dfn {
    font-style: italic;
}

div {
    display: block;
}

dl {
    display: block;
    margin: 1em 0;
}

dt {
    display: block;
}

em {
    font-style: italic;
}

embed {
    zoom: 1;
}

fieldset {
    border-style: groove;
    border-width: 2px;
    display: block;
    margin: 0 2px;
    padding: 0 2px 3px;
    zoom: 1;
}

form {
    display: block;
}

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    page-break-after: avoid;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    page-break-after: avoid;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    page-break-after: avoid;
}

h4 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
    page-break-after: avoid;
}

h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
    page-break-after: avoid;
}

h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
    page-break-after: avoid;
}

head {
    display: none;
}

hr {
    border-style: inset;
    border-width: 1px;
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    overflow: hidden;
    text-align: center;
    zoom: 1;
}

html {
    display: block;
    zoom: 1;
}

i {
    font-style: italic;
}

iframe {
    background-color: #FFF;
    height: 150px;
    width: 300px;
    zoom: 1;
}

img {
    zoom: 1;
}

input {
    background-color: #FFF;
    border-width: 2px;
    font-family: sans-serif;
    font-size: 10pt;
    overflow: hidden;
    padding: 1px;
    zoom: 1;
}

ins {
    text-decoration: underline;
}

kbd {
    font-family: monospace;
    font-size: 10pt;
}

legend {
    padding: 0 2px;
    zoom: 1;
}

li {
    display: list-item;
}

menu {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}

object {
    zoom: 1;
}

ol {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}

optgroup {
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}

option {
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}

p {
    display: block;
    margin: 1em 0;
}

pre {
    display: block;
    font-family: monospace;
    font-size: 10pt;
    margin: 1em 0;
    white-space: pre;
}

rp {
    font-size: 6pt;
}

rt {
    display: ruby-text;
    font-size: 6pt;
}

ruby {
    display: ruby;
}

samp {
    font-family: monospace;
    font-size: 10pt;
}

select {
    background-color: #FFF;
    border-width: 1px;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 10pt;
    overflow: hidden;
    zoom: 1;
}

small {
    font-size: 0.83em;
}

strong {
    font-weight: bold;
}

sub {
    font-size: 0.83em;
}

sup {
    font-size: 0.83em;
}

table {
    border-color: #F0F0F0;
    border-spacing: 2px 2px;
    box-sizing: border-box;
    display: table;
    zoom: 1;
}

tbody {
    box-sizing: border-box;
    display: table-row-group;
    vertical-align: middle;
}

td {
    display: table-cell;
    padding: 1px;
    vertical-align: middle;
    zoom: 1;
}

textarea {
    background-color: #FFF;
    border-width: 1px;
    font-family: monospace;
    font-size: 10pt;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 2px;
    white-space: pre-wrap;
    zoom: 1;
}

tfoot {
    box-sizing: border-box;
    display: table-footer-group;
    vertical-align: middle;
}

th {
    display: table-cell;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    zoom: 1;
}

thead {
    box-sizing: border-box;
    display: table-header-group;
    vertical-align: middle;
}

tr {
    box-sizing: border-box;
    display: table-row;
    vertical-align: middle;
    zoom: 1;
}

ul {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}

var {
    font-style: italic;
}
/*
     FILE ARCHIVED ON 13:39:56 Nov 26, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:08:28 Mar 28, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/

登录后评论

默认浏览器样式 - User Agent Style - [: 'CSS火速入门 - 表严肃讲CSS' |cut:tmp.cut_limit :]

Chrome - Blink

火狐 - Firefox Gecko

Edge

IE9

IE8