123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- @charset "utf-8";
- html {
- color: #000000;
- background: #FFFFFF;
- overflow-y: scroll;
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%
- }
- html * {
- outline: 0;
- -webkit-text-size-adjust: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
- }
- html, body {
- font-family: sans-serif
- }
- body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
- margin: 0;
- padding: 0
- }
- input, select, textarea {
- font-size: 100%
- }
- table {
- border-collapse: collapse;
- border-spacing: 0
- }
- fieldset, img {
- border: 0
- }
- abbr, acronym {
- border: 0;
- font-variant: normal
- }
- del {
- text-decoration: line-through
- }
- address, caption, cite, code, dfn, em, th, var {
- font-style: normal;
- font-weight: 500
- }
- ol, ul {
- list-style: none
- }
- caption, th {
- text-align: left
- }
- h1, h2, h3, h4, h5, h6 {
- font-size: 100%;
- font-weight: 500
- }
- q:before, q:after {
- content: ''
- }
- sub, sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline
- }
- sup {
- top: -.5em
- }
- sub {
- bottom: -.25em
- }
- a:hover {
- text-decoration: underline
- }
- ins, a {
- text-decoration: none
- }
- @media screen and (min-width: 320px) {
- html {
- font-size: 85.3333px;
- }
- }
- @media screen and (min-width: 360px) {
- html {
- font-size: 96px;
- }
- }
- @media screen and (min-width: 375px) {
- html {
- font-size: 100px;
- }
- }
- @media screen and (min-width: 414px) {
- html {
- font-size: 110.4px;
- }
- }
- @media screen and (min-width: 750px) {
- html {
- font-size: 200px;
- }
- }
|