• 1. /* custom-reset.css | 27.08.2018 | https://yurch-html.github.io/dist/custom-reset.html */
  3. *,
  4. *:before,
  5. *:after {
  6. 1. box-sizing: inherit;
  7. }
• 2. html {
  3. 1. box-sizing: border-box;
     2. height: 100%;
  4. }
• 2. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  3. 1. html {
     2. 1. display: flex;
        2. flex-direction: column;
     3. }
  4. }
• 2. body {
  3. 1. display: flex;
     2. flex-direction: column;
     3. min-height: 100%;
     4. margin: 0;
     5. background-color: #fff;
     6. line-height: 1;
     7. text-rendering: optimizeLegibility;
     8. text-decoration-skip: objects;
     9. -webkit-text-size-adjust: 100%;
     10. -webkit-font-smoothing: antialiased;
     11. -webkit-tap-highlight-color: transparent;
  4. }
• 2. :focus {
  3. 1. outline: none;
  4. }
• 2. p,
  3. dd,
  4. dl,
  5. figure,
  6. blockquote {
  7. 1. margin: 0;
  8. }
• 2. blockquote,
  3. q {
  4. 1. quotes: none;
  5. }
• 2. ul,
  3. ol,
  4. 1. padding: 0;
     2. margin: 0;
     3. list-style-type: none;
  5. }
• 2. table {
  3. 1. border-collapse: collapse;
     2. border-spacing: 0;
  4. }
• 2. th {
  3. 1. font-weight: inherit;
  4. }
• 2. h1,
  3. h2,
  4. h3,
  5. h4,
  6. h5,
  7. h6 {
  8. 1. margin: 0;
     2. font-size: inherit;
     3. font-weight: inherit;
  9. }
• 2. audio,
  3. video {
  4. 1. display: block;
  5. }
• 2. img {
  3. 1. display: block;
     2. border: none;
  4. }
• 2. iframe {
  3. 1. border: none;
  4. }
• 2. pre,
  3. code,
  4. kbd,
  5. samp {
  6. 1. font-family: monospace, monospace;
     2. font-size: inherit;
  7. }
• 2. a {
  3. 1. background-color: transparent;
     2. text-decoration: none;
     3. color: inherit;
  4. }
• 2. abbr {
  3. 1. border: none;
     2. text-decoration: none;
  4. }
• 2. b,
  3. strong {
  4. 1. font-weight: inherit;
  5. }
• 2. i,
  3. em {
  4. 1. font-style: inherit;
  5. }
• 2. dfn {
  3. 1. font-style: inherit;
  4. }
• 2. mark {
  3. 1. background-color: transparent;
     2. color: inherit;
  4. }
• 2. small {
  3. 1. font-size: inherit;
  4. }
• 2. sub,
  3. sup {
  4. 1. position: relative;
     2. vertical-align: baseline;
     3. font-size: inherit;
     4. line-height: 0;
  5. }
• 2. sub {
  3. 1. bottom: -.25em;
  4. }
• 2. sup {
  3. 1. top: -.5em;
  4. }
• 2. button,
  3. input,
  4. optgroup,
  5. select,
  6. textarea {
  7. 1. padding: 0;
     2. margin: 0;
     3. border: none;
     4. border-radius: 0;
     5. box-shadow: none;
     6. background-color: transparent;
     7. font: inherit;
     8. color: inherit;
     9. letter-spacing: inherit;
  8. }
• 2. button,
  3. input {
  4. 1. overflow: visible;
  5. }
• 2. button,
  3. select {
  4. 1. text-align: left;
     2. text-transform: none;
  5. }
• 2. button,
  3. [type='button'],
  4. [type='reset'],
  5. [type='submit'],
  6. 1. cursor: pointer;
     2. -webkit-appearance: none;
  7. }
• 2. textarea {
  3. 1. resize: none;
     2. overflow-y: auto;
     3. overflow-x: hidden;
  4. }
• 2. button::-moz-focus-inner,
  3. [type='button']::-moz-focus-inner,
  4. [type='reset']::-moz-focus-inner,
  5. [type='submit']::-moz-focus-inner,
  6. 1. border: none;
     2. padding: 0;
  7. }
• 2. button:-moz-focusring,
  3. [type='button']:-moz-focusring,
  4. [type='reset']:-moz-focusring,
  5. [type='submit']:-moz-focusring,
  6. 1. outline: none;
  7. }
• 2. [type='number']::-webkit-inner-spin-button,
  3. [type='number']::-webkit-outer-spin-button {
  4. 1. height: auto;
  5. }
• 2. [type='search'] {
  3. 1. outline: none;
  4. }
• 2. [type='search']::-webkit-search-decoration {
  3. 1. -webkit-appearance: none;
  4. }
• 2. ::-webkit-file-upload-button {
  3. 1. -webkit-appearance: none;
     2. font: inherit;
  4. }
• 2. fieldset {
  3. 1. padding: 0;
     2. margin: 0;
     3. border: none;
  4. }
• 2. legend {
  3. 1. display: block;
     2. padding: 0;
     3. white-space: normal;
  4. }
• 2. select {
  3. 1. -webkit-appearance: none;
     2. -moz-appearance: none;
     3. appearance: none;
  4. }
• 2. select::-ms-expand {
  3. 1. display: none;
  4. }
• 2. ::-webkit-input-placeholder {
  3. 1. color: inherit;
     2. opacity: 1;
     3. transition: opacity .3s;
  4. }
• 2. ::-moz-input-placeholder {
  3. 1. color: inherit;
     2. opacity: 1;
     3. transition: opacity .3s;
  4. }
• 2. :-moz-placeholder {
  3. 1. color: inherit;
     2. opacity: 1;
     3. transition: opacity .3s;
  4. }
• 2. :-ms-input-placeholder {
  3. 1. color: inherit;
     2. opacity: 1;
     3. transition: opacity .3s;
  4. }
• 2. :focus::-webkit-input-placeholder {
  3. 1. opacity: 0;
  4. }
• 2. :focus::-moz-input-placeholder {
  3. 1. opacity: 0;
  4. }
• 2. :focus:-moz-placeholder {
  3. 1. opacity: 0;
  4. }
• 2. :focus:-ms-input-placeholder {
  3. 1. opacity: 0;
  4. }
• 2. svg {
  3. 1. display: block;
     2. width: 100%;
     3. height: 100%;
     4. fill: currentColor;
  4. }
• 2. [hidden] {
  3. 1. display: none;
  4. }
• 2. :disabled,
  3. .disabled {
  4. 1. cursor: not-allowed;
  5. }
• 2. ::-ms-clear {
  3. 1. display: none;
  4. }
• 2. :-webkit-autofill {
  3. 1. box-shadow: 0 0 100px #fff inset;
     2. -webkit-text-fill-color: currentColor;
  4. }
• 2. ::selection {
  3. 1. color: #fff;
     2. background-color: #004fe4;
  4. }
• 2. .clearfix:after {
  3. 1. content: '';
     2. display: block;
     3. clear: both;
  4. }
• 2. .visually-hidden {
  3. 1. position: absolute;
     2. z-index: -1;
     3. width: 0;
     4. height: 0;
     5. padding: 0;
     6. margin: 0;
     7. border: none;
     8. overflow: hidden;
  4. }
• 2. .cover-pic,
  3. .contain-pic {
  4. 1. position: absolute;
     2. top: 0;
     3. left: 0;
     4. width: 100%;
     5. height: 100%;
  5. }
• 2. .cover-pic {
  3. 1. object-fit: cover;
  4. }
• 2. .contain-pic {
  3. 1. object-fit: contain;
  4. }
• 2. .footer-page {
  3. 1. margin-top: auto;
  4. }