├── .gitignore ├── README.md ├── sketch └── NicoUI.sketch ├── src ├── vars │ ├── _jeet.sass │ ├── _color.sass │ └── _query-size.sass ├── forms │ ├── index.sass │ ├── textarea.sass │ ├── select.sass │ ├── file-upload.sass │ ├── checkbox.sass │ ├── radio.sass │ └── input.sass ├── components │ ├── table.sass │ ├── card.sass │ ├── modal.sass │ ├── image.sass │ ├── menu.sass │ ├── notification.sass │ ├── dropdown.sass │ └── nav.sass ├── fns │ └── _media-query.sass ├── initial.sass ├── svgs │ └── check.svg ├── minireset.sass ├── helper.sass ├── button.sass └── gird.sass ├── docs ├── NicoUI.030032c0.map ├── NicoUI.23739064.map ├── NicoUI.249d8d68.map ├── NicoUI.9aa03b22.map ├── NicoUI.ac95fc37.map ├── NicoUI.d93bb961.map ├── NicoUI.dfc8cb2a.map ├── NicoUI.d839e9b1.map ├── NicoUI.becba448.map ├── check.a7c7acf4.svg ├── NicoUI.d839e9b1.js ├── NicoUI.becba448.js ├── NicoUI.d857b954.map ├── NicoUI.d857b954.js ├── index.html ├── 0954ce1438e754a63aa30c43a2bc2ecd.css ├── NicoUI.030032c0.css ├── NicoUI.9aa03b22.css ├── NicoUI.ac95fc37.css └── NicoUI.249d8d68.css ├── .sassrc.js ├── package.json ├── index.sass ├── index.ts └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /.cache 3 | /dist 4 | package-lock.json 5 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Nico UI 2 | 3 | 一个纯 CSS UI 框架，这是一个教程的输出，教你写一个自己的 CSS 框架。 4 | -------------------------------------------------------------------------------- /sketch/NicoUI.sketch: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MiYogurt/NicoUI/HEAD/sketch/NicoUI.sketch -------------------------------------------------------------------------------- /src/vars/_jeet.sass: -------------------------------------------------------------------------------- 1 | $jeet: (gutter: 3, max-width: 1440px, layout-direction: LTR, parent-first: false, nth: child) 2 | -------------------------------------------------------------------------------- /docs/NicoUI.030032c0.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"NicoUI.030032c0.map","sourceRoot":".."} -------------------------------------------------------------------------------- /docs/NicoUI.23739064.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"NicoUI.23739064.map","sourceRoot":".."} -------------------------------------------------------------------------------- /docs/NicoUI.249d8d68.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"NicoUI.249d8d68.map","sourceRoot":".."} -------------------------------------------------------------------------------- /docs/NicoUI.9aa03b22.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"NicoUI.9aa03b22.map","sourceRoot":".."} -------------------------------------------------------------------------------- /docs/NicoUI.ac95fc37.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"NicoUI.ac95fc37.map","sourceRoot":".."} -------------------------------------------------------------------------------- /docs/NicoUI.d93bb961.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"NicoUI.d93bb961.map","sourceRoot":".."} -------------------------------------------------------------------------------- /docs/NicoUI.dfc8cb2a.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":[],"names":[],"mappings":"","file":"NicoUI.dfc8cb2a.map","sourceRoot":".."} -------------------------------------------------------------------------------- /.sassrc.js: -------------------------------------------------------------------------------- 1 | const { resolve } = require('path') 2 | const cwd = process.cwd() 3 | 4 | module.exports = { 5 | includePaths: [resolve(cwd, 'node_modules'), resolve(cwd, 'src')] 6 | } 7 | -------------------------------------------------------------------------------- /src/forms/index.sass: -------------------------------------------------------------------------------- 1 | @import './input.sass' 2 | @import './textarea.sass' 3 | @import './file-upload.sass' 4 | @import './select.sass' 5 | @import './radio.sass' 6 | @import './checkbox.sass' 7 | 8 | -------------------------------------------------------------------------------- /src/vars/_color.sass: -------------------------------------------------------------------------------- 1 | $dark: #3B3F50 !default 2 | $light: #f0f0f0 !default 3 | $gray: #7c8194 !default 4 | $blue: #47aafe !default 5 | $deep-blue: #275ab7 !default 6 | $red: #F96868 !default 7 | $yellow: #ffae6b !default 8 | $green: #59d99e !default 9 | -------------------------------------------------------------------------------- /src/components/table.sass: -------------------------------------------------------------------------------- 1 | table 2 | border: 1px solid $light 3 | margin: .5rem 0 4 | td, 5 | th 6 | padding: .5rem 7 | tr 8 | border-bottom: 1px solid $light 9 | tr:hover 10 | background: lighten($blue, 35%) 11 | thead, 12 | tfoot 13 | background: $light 14 | font-size: .9rem 15 | -------------------------------------------------------------------------------- /src/vars/_query-size.sass: -------------------------------------------------------------------------------- 1 | $media-size-1: 576px !default 2 | $media-size-2: 768px !default 3 | $media-size-3: 992px !default 4 | $media-size-4: 1200px !default 5 | 6 | 7 | $media-size-box-1: 540px !default 8 | $media-size-box-2: 720px !default 9 | $media-size-box-3: 960px !default 10 | $media-size-box-4: 1140px !default 11 | -------------------------------------------------------------------------------- /src/forms/textarea.sass: -------------------------------------------------------------------------------- 1 | textarea 2 | resize: vertical 3 | width: 100% 4 | border: 1px solid $light 5 | outline: none 6 | min-height: 7rem 7 | padding: .5rem 8 | &:focus, 9 | &:hover 10 | border-color: darken($light, 10%) 11 | @each $name, $color in $colors 12 | &.#{$name} 13 | border-color: $color 14 | &:focus, 15 | &:hover 16 | border-color: darken($color, 10%) -------------------------------------------------------------------------------- /src/fns/_media-query.sass: -------------------------------------------------------------------------------- 1 | 2 | =media1 3 | @media screen and (max-width: $media-size-2) 4 | @content 5 | 6 | =media2 7 | @media screen and (max-width: $media-size-3) and (min-width: $media-size-2) 8 | @content 9 | 10 | =media3 11 | @media screen and (max-width: $media-size-4) and (min-width: $media-size-3) 12 | @content 13 | 14 | =media4 15 | @media screen and (min-width: $media-size-4) 16 | @content 17 | 18 | 19 | -------------------------------------------------------------------------------- /src/components/card.sass: -------------------------------------------------------------------------------- 1 | .card 2 | border: 1px solid $light 3 | box-shadow: 0 0 12px 2px rgba(124, 129, 148, 0.04) 4 | .card-content 5 | padding: 1rem 6 | .card-footer 7 | display: flex 8 | flex: 1 9 | border: 1px solid $light 10 | border-right: none 11 | .item 12 | width: 100% 13 | text-align: center 14 | color: $blue 15 | padding: .5rem 1rem 16 | border-right: 1px solid $light 17 | &:hover 18 | color: $dark 19 | -------------------------------------------------------------------------------- /src/components/modal.sass: -------------------------------------------------------------------------------- 1 | =all 2 | left: 0 3 | right: 0 4 | bottom: 0 5 | top: 0 6 | .modal 7 | position: fixed 8 | +flex-center 9 | +all 10 | z-index: -200 11 | display: none 12 | &.show 13 | z-index: 99 14 | display: flex 15 | .bg 16 | position: absolute 17 | z-index: -1 18 | +all 19 | background: rgba(0,0,0,.7) 20 | .content 21 | background: #fff 22 | padding: 1rem 2rem 23 | .close 24 | @extend #close-icon 25 | position: absolute 26 | right: 40px 27 | top: 40px 28 | cursor: pointer 29 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "NicoUI", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "dev": "parcel index.html", 8 | "docs": "parcel build index.html -d docs --public-url ./" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "node-sass": "^4.9.0", 15 | "parcel-bundler": "^1.9.3", 16 | "typescript": "^2.9.2" 17 | }, 18 | "dependencies": { 19 | "jeet": "^7.2.0" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /docs/NicoUI.d839e9b1.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["index.ts"],"names":[],"mappings":";AAAA,IAAM,EAAc,SAClB,EACA,EACA,GAEM,IAAA,EAAQ,SAAS,cAA2B,GAC5C,EAAQ,SAAS,cAA2B,GAC5C,EAAA,QAAU,WACR,EAAA,UAAU,OAAO,KAI3B,EAAY,oBAAqB,OAAQ","file":"NicoUI.d839e9b1.map","sourceRoot":"..","sourcesContent":["const toggleClass = (\n clickSelector: string,\n addClassSelector: string,\n className?: string\n) => {\n const $cDom = document.querySelector(clickSelector)\n const $aDom = document.querySelector(addClassSelector)\n $cDom.onclick = () => {\n $aDom.classList.toggle(className)\n }\n}\n\ntoggleClass('.nav .nav-control', '.nav', 'active')\n"]} -------------------------------------------------------------------------------- /src/initial.sass: -------------------------------------------------------------------------------- 1 | $body-background-color: #fff !default 2 | $body-size: 16px !default 3 | $body-color: $dark !default 4 | $line-height: 1.6 !default 5 | $font: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default 6 | 7 | html 8 | background: $body-background-color 9 | font-size: $body-size 10 | min-width: 375px 11 | 12 | body 13 | font-size: 1rem 14 | color: $body-color 15 | font-family: $font 16 | line-height: $line-height 17 | 18 | a 19 | color: $blue 20 | text-decoration: none 21 | &:hover 22 | color: $deep-blue 23 | 24 | .meta 25 | color: $gray 26 | font-size: .8rem 27 | -------------------------------------------------------------------------------- /index.sass: -------------------------------------------------------------------------------- 1 | @import './src/vars/_color.sass' 2 | @import './src/minireset.sass' 3 | @import './src/initinal.sass' 4 | @import './src/button.sass' 5 | @import './src/helper.sass' 6 | @import './src/gird.sass' 7 | 8 | 9 | 10 | 11 | // -------------- 12 | // components 13 | // -------------- 14 | 15 | @import './src/components/nav.sass' 16 | @import './src/components/notification.sass' 17 | @import './src/components/image.sass' 18 | @import './src/components/table.sass' 19 | @import './src/components/card.sass' 20 | @import './src/components/modal.sass' 21 | @import './src/components/menu.sass' 22 | @import './src/components/dropdown.sass' 23 | 24 | 25 | // -------------- 26 | // forms 27 | // -------------- 28 | 29 | @import './src/forms/index.sass' 30 | -------------------------------------------------------------------------------- /src/components/image.sass: -------------------------------------------------------------------------------- 1 | $sizes: 16 24 32 48 64 96 128 2 | 3 | .img 4 | max-width: 100% 5 | object-fit: cover 6 | &.circle 7 | border-radius: 50% 8 | @each $size in $sizes 9 | &.s#{$size} 10 | width: $size * 1px 11 | height: $size * 1px 12 | 13 | 14 | %size-all 15 | position: relative 16 | display: block 17 | img 18 | position: absolute 19 | left: 0 20 | right: 0 21 | top: 0 22 | bottom: 0 23 | width: 100% 24 | height: 100% 25 | 26 | .p4-3 27 | padding-top: percentage(3/4) 28 | @extend %size-all 29 | 30 | .p16-9 31 | padding-top: percentage(9/16) 32 | @extend %size-all 33 | 34 | 35 | // 16 : 9 36 | // width : height 37 | // width : padding-top 38 | // 16/16 : 9/16 39 | // 1 - 9/16 40 | -------------------------------------------------------------------------------- /src/forms/select.sass: -------------------------------------------------------------------------------- 1 | .select 2 | position: relative 3 | max-width: 100% 4 | @each $name, $color in $colors 5 | &.#{$name} select 6 | border-color: $color 7 | background: $color 8 | color: white 9 | &.#{$name}::after 10 | border-color: white 11 | select 12 | -webkit-appearance: none 13 | -moz-appearance: none 14 | border: 1px solid $light 15 | padding: .5rem 2rem .5rem .5rem 16 | display: inline-block 17 | outline: none 18 | margin: .5rem 0 19 | &::after 20 | border: 2px solid $gray 21 | border-left: 0 22 | border-top: 0 23 | content: ' ' 24 | width: 8px; 25 | height: 8px; 26 | display: inline-block; 27 | transform: rotate(45deg); 28 | position: relative 29 | left: -25px 30 | top: -3px -------------------------------------------------------------------------------- /src/svgs/check.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /docs/NicoUI.becba448.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["index.ts"],"names":[],"mappings":";AAAA,IAAM,EAAc,SAClB,EACA,EACA,GAEM,IAAA,EAAQ,SAAS,cAA2B,GAC5C,EAAQ,SAAS,cAA2B,GAC5C,EAAA,QAAU,WACR,EAAA,UAAU,OAAO,KAI3B,EAAY,oBAAqB,OAAQ,UAIrC,OAAO,KACF,OAAA,IAAI,OAAO,WACT,OAAA,SAAS","file":"NicoUI.becba448.map","sourceRoot":"..","sourcesContent":["const toggleClass = (\n clickSelector: string,\n addClassSelector: string,\n className?: string\n) => {\n const $cDom = document.querySelector(clickSelector)\n const $aDom = document.querySelector(addClassSelector)\n $cDom.onclick = () => {\n $aDom.classList.toggle(className)\n }\n}\n\ntoggleClass('.nav .nav-control', '.nav', 'active')\n\ndeclare var module: any\n\nif (module.hot) {\n module.hot.accept(function() {\n window.location.reload()\n })\n}\n"]} -------------------------------------------------------------------------------- /docs/check.a7c7acf4.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/forms/file-upload.sass: -------------------------------------------------------------------------------- 1 | .file 2 | @each $name, $color in $colors 3 | &.#{$name} 4 | label:first-of-type 5 | color: white 6 | background: $color 7 | &:hover 8 | background: darken($color, 2%) 9 | label:first-of-type 10 | display: inline-block 11 | width: 12rem 12 | text-align: center 13 | font-size: .9rem 14 | color: $gray 15 | background: $light 16 | padding: .5rem 2rem 17 | cursor: pointer 18 | &:hover 19 | background: darken($light, 2%) 20 | i 21 | margin-right: .5rem 22 | .file-name 23 | display: block 24 | font-size: .8rem 25 | width: 12rem 26 | border: 1px solid $light 27 | color: lighten($gray, 20%) 28 | padding: .2rem 29 | +text-over-hidden 30 | input[type="file"] 31 | display: inline-block 32 | width: 0.1px 33 | height: 0.1px 34 | opacity: 0 35 | -------------------------------------------------------------------------------- /src/forms/checkbox.sass: -------------------------------------------------------------------------------- 1 | =positon 2 | vertical-align: -3px 3 | margin: 0 4px 4 | 5 | input[type="checkbox"] 6 | z-index: 1 7 | position: absolute 8 | width: 1rem 9 | height: 1rem 10 | opacity: 0 11 | +positon 12 | + label.rectangle 13 | border: 1px solid lighten($gray, 40%) 14 | border-radius: 2px 15 | width: 1rem 16 | height: 1rem 17 | display: inline-block 18 | background: #fff 19 | +positon 20 | &:after 21 | content: ' ' 22 | width: 100% 23 | height: 100% 24 | display: block 25 | &:checked + label.rectangle 26 | background: $blue 27 | border-color: $blue 28 | &:after 29 | background: url('./src/svgs/check.svg') center top/.9rem 30 | visibility: visible 31 | animation: bounceIn .2s 32 | &:disabled ~ label 33 | opacity: .6 34 | 35 | @keyframes bounceIn 36 | 0% 37 | transform: scale(0) 38 | 75% 39 | transform: scale(1.1) 40 | 100% 41 | transform: scale(1) 42 | -------------------------------------------------------------------------------- /index.ts: -------------------------------------------------------------------------------- 1 | const toggleClass = ( 2 | clickSelector: string, 3 | addClassSelector: string, 4 | className?: string 5 | ) => { 6 | const $cDom = document.querySelector(clickSelector) 7 | const $aDom = document.querySelector(addClassSelector) 8 | $cDom.onclick = () => { 9 | $aDom.classList.toggle(className) 10 | } 11 | } 12 | 13 | toggleClass('.nav .nav-control', '.nav', 'active') 14 | 15 | declare var module: any 16 | 17 | if (module.hot) { 18 | module.hot.accept(function() { 19 | window.location.reload() 20 | }) 21 | } 22 | 23 | toggleClass('#show-modal', '.modal', 'show') 24 | toggleClass('.modal .close', '.modal', 'show') 25 | toggleClass('.modal .bg', '.modal', 'show') 26 | 27 | const menu = () => { 28 | ;(Array as any).from(document.querySelectorAll('.menu .title')).map(dom => { 29 | console.log(dom) 30 | dom.onclick = () => { 31 | dom.classList.toggle('show') 32 | 33 | dom.nextElementSibling.classList.toggle('show') 34 | } 35 | }) 36 | } 37 | 38 | menu() 39 | -------------------------------------------------------------------------------- /src/minireset.sass: -------------------------------------------------------------------------------- 1 | /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ 2 | // Blocks 3 | html, 4 | body, 5 | p, 6 | ol, 7 | ul, 8 | li, 9 | dl, 10 | dt, 11 | dd, 12 | blockquote, 13 | figure, 14 | fieldset, 15 | legend, 16 | textarea, 17 | pre, 18 | iframe, 19 | hr, 20 | h1, 21 | h2, 22 | h3, 23 | h4, 24 | h5, 25 | h6 26 | margin: 0 27 | padding: 0 28 | 29 | // Headings 30 | h1, 31 | h2, 32 | h3, 33 | h4, 34 | h5, 35 | h6 36 | font-size: 100% 37 | font-weight: normal 38 | 39 | // List 40 | ul 41 | list-style: none 42 | 43 | // Form 44 | button, 45 | input, 46 | select, 47 | textarea 48 | margin: 0 49 | 50 | // Box sizing 51 | html 52 | box-sizing: border-box 53 | 54 | * 55 | &, 56 | &:before, 57 | &:after 58 | box-sizing: inherit 59 | 60 | // Media 61 | img, 62 | embed, 63 | iframe, 64 | object, 65 | audio, 66 | video 67 | height: auto 68 | max-width: 100% 69 | 70 | // Iframe 71 | iframe 72 | border: 0 73 | 74 | // Table 75 | table 76 | border-collapse: collapse 77 | border-spacing: 0 78 | 79 | td, 80 | th 81 | padding: 0 82 | text-align: left 83 | -------------------------------------------------------------------------------- /src/forms/radio.sass: -------------------------------------------------------------------------------- 1 | input[type="radio"] 2 | z-index: 1 3 | position: absolute 4 | width: 1.2rem 5 | height: 1.2rem 6 | opacity: 0 7 | margin: -3px 4px 8 | + label.circle 9 | border-radius: 50% 10 | border: 1px solid lighten($gray, 40%) 11 | width: 1.2rem 12 | height: 1.2rem 13 | display: inline-block 14 | background: #fff 15 | margin: -3px 4px 16 | &:after 17 | content: ' ' 18 | width: .6rem 19 | height: .6rem 20 | display: block 21 | margin: 4px 4px 22 | background: $blue 23 | border-radius: 50% 24 | 25 | transition: transform cubic-bezier(0.68, -0.51, 0.46, 1.49) .3s 26 | transform-origin: center 27 | transform: scale(0) 28 | 29 | // visibility: hidden 30 | &:checked + label.circle:after 31 | // visibility: visible 32 | // animation: bounceIn .2s 33 | 34 | transform: scale(1) 35 | &:disabled ~ label 36 | opacity: .6 37 | 38 | // @keyframes bounceIn 39 | // 0% 40 | // transform: scale(0) 41 | // 75% 42 | // transform: scale(1.1) 43 | // 100% 44 | // transform: scale(1) 45 | 46 | -------------------------------------------------------------------------------- /src/components/menu.sass: -------------------------------------------------------------------------------- 1 | .menu 2 | padding: 1rem 3 | .title 4 | font-weight: 900 5 | display: block 6 | margin: .5rem 0 7 | cursor: pointer 8 | position: relative 9 | user-select: none 10 | &:hover 11 | color: $blue 12 | &::after 13 | border-color: $blue 14 | &::after 15 | position: absolute 16 | right: 5px 17 | top: 5px 18 | content: '' 19 | display: block 20 | width: 8px 21 | height: 8px 22 | border-left: 3px solid $gray 23 | border-bottom: 3px solid $gray 24 | border-radius: 2px 25 | transform: rotate(-45deg) 26 | transition: all .5s 27 | &:hover 28 | &.show::after 29 | top: 10px 30 | transform: rotate(135deg) 31 | 32 | .list 33 | max-height: 0 34 | overflow: hidden 35 | font-size: .9rem 36 | color: $gray 37 | padding-left: .5rem 38 | transition: max-height cubic-bezier(0, 0.67, 0.3, 0.75) .5s 39 | &.show 40 | max-height: 300px 41 | .item 42 | line-height: 2.2 43 | display: block 44 | color: darken($gray, 20%) 45 | &:hover 46 | color: $blue 47 | -------------------------------------------------------------------------------- /src/components/notification.sass: -------------------------------------------------------------------------------- 1 | $colors: ('green': $green, 'blue': $blue, 'yellow': $yellow, 'red': $red) 2 | 3 | #close-icon 4 | background: rgba(0,0,0, .2) 5 | width: 20px 6 | height: 20px 7 | border: none 8 | outline: none 9 | border-radius: 50% 10 | &:hover 11 | background: rgba(0,0,0, .5) 12 | &:after, 13 | &:before 14 | height: 2px 15 | width: 10px 16 | background: #fff 17 | content: '' 18 | position: absolute 19 | left: 50% 20 | top: 50% 21 | &:after 22 | transform: translateX(-50%) translateY(-50%) rotate(45deg); 23 | transform-origin: center center; 24 | &:before 25 | transform: translateX(-50%) translateY(-50%) rotate(-45deg); 26 | transform-origin: center center; 27 | 28 | .notification 29 | background: $light 30 | padding: 1rem 31 | border-radius: 2px 32 | margin: .5rem 0 33 | @each $name, $color in $colors 34 | &.#{$name} 35 | background-color: $color 36 | color: #fff 37 | a 38 | color: lighten($color, 20%) 39 | border-bottom: 1px solid lighten($color, 20%) 40 | 41 | .delete 42 | @extend #close-icon 43 | position: relative 44 | float: right 45 | top: -7px 46 | right: -7px 47 | -------------------------------------------------------------------------------- /docs/NicoUI.d839e9b1.js: -------------------------------------------------------------------------------- 1 | parcelRequire=function(e,r,n,t){var i="function"==typeof parcelRequire&&parcelRequire,o="function"==typeof require&&require;function u(n,t){if(!r[n]){if(!e[n]){var f="function"==typeof parcelRequire&&parcelRequire;if(!t&&f)return f(n,!0);if(i)return i(n,!0);if(o&&"string"==typeof n)return o(n);var c=new Error("Cannot find module '"+n+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[n][1][r]||r};var l=r[n]=new u.Module(n);e[n][0].call(l.exports,p,l,l.exports,this)}return r[n].exports;function p(e){return u(p.resolve(e))}}u.isParcelRequire=!0,u.Module=function(e){this.id=e,this.bundle=u,this.exports={}},u.modules=e,u.cache=r,u.parent=i,u.register=function(r,n){e[r]=[function(e,r){r.exports=n},{}]};for(var f=0;f {\n const $cDom = document.querySelector(clickSelector)\n const $aDom = document.querySelector(addClassSelector)\n $cDom.onclick = () => {\n $aDom.classList.toggle(className)\n }\n}\n\ntoggleClass('.nav .nav-control', '.nav', 'active')\n\ndeclare var module: any\n\nif (module.hot) {\n module.hot.accept(function() {\n window.location.reload()\n })\n}\n\ntoggleClass('#show-modal', '.modal', 'show')\ntoggleClass('.modal .close', '.modal', 'show')\ntoggleClass('.modal .bg', '.modal', 'show')\n\nconst menu = () => {\n ;(Array as any).from(document.querySelectorAll('.menu .title')).map(dom => {\n console.log(dom)\n dom.onclick = () => {\n dom.classList.toggle('show')\n\n dom.nextElementSibling.classList.toggle('show')\n }\n })\n}\n\nmenu()\n"]} -------------------------------------------------------------------------------- /src/components/dropdown.sass: -------------------------------------------------------------------------------- 1 | =triangle 2 | position: absolute 3 | width: 10px 4 | height: 10px 5 | content: ' ' 6 | border-left: 5px solid transparent 7 | border-top: 5px solid transparent 8 | border-right: 5px solid transparent 9 | border-bottom: 5px solid transparent 10 | .dropdown 11 | position: relative 12 | display: inline-block 13 | .trigger > * 14 | margin: 0 15 | .content 16 | position: absolute 17 | display: none 18 | padding: .5rem 1rem 19 | font-size: .7rem 20 | left: 0% 21 | top: calc(100% + 7px) 22 | min-width: max-content 23 | z-index: 99 24 | background: rgba(0,0,0,.98) 25 | color: #fff 26 | &:after 27 | +triangle 28 | border-bottom-color: rgba(0,0,0,.99) 29 | left: calc(50% - 10px) 30 | top: -10px 31 | &.left .content 32 | right: calc(100% + 7px) 33 | left: auto 34 | top: 0 35 | &:after 36 | right: -10px; 37 | transform: rotate(90deg); 38 | top: calc(50% - 5px); 39 | left: auto 40 | &.right .content 41 | left: calc(100% + 7px) 42 | top: 0 43 | &:after 44 | left: -10px; 45 | transform: rotate(270deg); 46 | top: calc(50% - 5px); 47 | &.top .content 48 | bottom: calc(100% + 7px) 49 | top: auto 50 | &:after 51 | left: calc(50% - 10px) 52 | transform: rotate(180deg) 53 | bottom: -10px 54 | top: auto 55 | &.hover:hover .content 56 | display: block 57 | -------------------------------------------------------------------------------- /src/helper.sass: -------------------------------------------------------------------------------- 1 | $colors: $dark, $light, $gray, $blue, $deep-blue, $red, $yellow, $green 2 | $names: 'dark', 'light', 'gray', 'blue', 'deep-blue', 'red', 'yellow', 'green' 3 | 4 | =text-over-hidden 5 | white-space: nowrap 6 | overflow: hidden 7 | text-overflow: ellipsis 8 | 9 | =flex-center 10 | display: flex 11 | align-items: center 12 | justify-content: center 13 | 14 | @for $i from 1 through length($colors) 15 | .text-#{nth($names, $i)} 16 | color: nth($colors, $i) 17 | 18 | .bg-#{nth($names, $i)} 19 | background: nth($colors, $i) 20 | 21 | =clearfix 22 | &::after 23 | content: ' ' 24 | display: table 25 | clear: both 26 | 27 | .text-right 28 | text-aligh: right 29 | 30 | .text-left 31 | text-align: left 32 | 33 | .text-center 34 | text-align: center 35 | 36 | .m0 37 | margin: 0 !important 38 | 39 | .pull-right 40 | float: right 41 | 42 | .pull-left 43 | float: left 44 | 45 | .p1rem 46 | padding: 1rem 47 | 48 | .m1rem 49 | margin: 1rem 50 | 51 | .p51rem 52 | padding: .5rem 1rem 53 | 54 | .m51rem 55 | margin: .5rem 1rem 56 | 57 | 58 | 59 | .f8 60 | font-size: .8rem 61 | .f9 62 | font-size: .9rem 63 | .f1 64 | font-size: 1rem 65 | .f12 66 | font-size: 1.2rem 67 | .f14 68 | font-size: 1.4rem 69 | 70 | .text-ellipsis 71 | +text-over-hidden 72 | 73 | .ab-center 74 | position: absolute 75 | top: 50% 76 | left: 50% 77 | transform: translate(-50%,-50%) 78 | 79 | .fx-center 80 | +flex-center 81 | 82 | .clearfix 83 | +clearfix 84 | 85 | -------------------------------------------------------------------------------- /docs/NicoUI.d857b954.js: -------------------------------------------------------------------------------- 1 | parcelRequire=function(e,r,n,t){var i="function"==typeof parcelRequire&&parcelRequire,o="function"==typeof require&&require;function u(n,t){if(!r[n]){if(!e[n]){var f="function"==typeof parcelRequire&&parcelRequire;if(!t&&f)return f(n,!0);if(i)return i(n,!0);if(o&&"string"==typeof n)return o(n);var c=new Error("Cannot find module '"+n+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[n][1][r]||r};var l=r[n]=new u.Module(n);e[n][0].call(l.exports,p,l,l.exports,this)}return r[n].exports;function p(e){return u(p.resolve(e))}}u.isParcelRequire=!0,u.Module=function(e){this.id=e,this.bundle=u,this.exports={}},u.modules=e,u.cache=r,u.parent=i,u.register=function(r,n){e[r]=[function(e,r){r.exports=n},{}]};for(var f=0;f .is-#{$i} 33 | +column($i/12) 34 | @for $j from 1 through 12 35 | &.offset-#{$j} 36 | margin-left: percentage($j / 12) 37 | &.span 38 | @for $i from 1 through 12 39 | .is-#{$i} 40 | +span($i/12) 41 | 42 | .fl-gird 43 | display: flex 44 | flex-wrap: wrap 45 | &.row 46 | flex-wrap: no-wrap 47 | &.kj 48 | flex-direction: row-reverse 49 | &.jn 50 | flex-direction: column 51 | &.nj 52 | flex-direction: column-reverse 53 | &.u 54 | justify-content: center 55 | &.t 56 | justify-content: flex-start 57 | &.o 58 | justify-content: flex-right 59 | &.tuo 60 | justify-content: space-between 61 | &.yui 62 | justify-content: space-around 63 | 64 | @for $i from 1 through 12 65 | & > .is-#{$i} 66 | width: percentage($i / 12) 67 | @for $j from 1 through 12 68 | &.offset-#{$j} 69 | margin-left: percentage($j / 12) 70 | 71 | // 响应式 72 | 73 | @for $i from 1 through 12 74 | 75 | .fa-gird .is-media1-#{$i}, 76 | .fl-gird .is-media1-#{$i} 77 | +media1 78 | width: percentage($i / 12) 79 | 80 | .fa-gird .is-media2-#{$i}, 81 | .fl-gird .is-media2-#{$i} 82 | +media2 83 | width: percentage($i / 12) 84 | 85 | .fa-gird .is-media3-#{$i}, 86 | .fl-gird .is-media3-#{$i} 87 | +media3 88 | width: percentage($i / 12) 89 | 90 | .fa-gird .is-media4-#{$i}, 91 | .fl-gird .is-media4-#{$i} 92 | +media4 93 | width: percentage($i / 12) 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /src/components/nav.sass: -------------------------------------------------------------------------------- 1 | $nav-height: 60px !default 2 | $hover-bg: #f7fbff !default 3 | $default-bg: #fff !default 4 | $link-color: $blue !default 5 | $left-right-padding: 1rem !default 6 | .nav 7 | height: $nav-height 8 | display: flex 9 | align-items: center 10 | user-select: none 11 | // 默认只显示 logo 12 | .control 13 | display: flex 14 | background: $default-bg 15 | align-items: center 16 | flex-shrink: 0 17 | z-index: 2 18 | .list 19 | display: none 20 | a.link 21 | display: inline-block 22 | line-height: $nav-height 23 | height: $nav-height 24 | padding: 0 $left-right-padding 25 | color: $link-color 26 | cursor: pointer 27 | &:hover 28 | background: $hover-bg 29 | color: $link-color 30 | .logo 31 | background: transparent 32 | line-height: 0 33 | margin-right: $left-right-padding 34 | .content 35 | display: flex 36 | width: 100% 37 | .right 38 | margin-left: auto 39 | 40 | // 控制按钮 41 | .nav-control 42 | display: none 43 | line-height: $nav-height 44 | height: $nav-height 45 | width: $nav-height 46 | text-align: center 47 | padding: 0 $left-right-padding 48 | position: relative 49 | margin-left: auto 50 | cursor: pointer 51 | span 52 | height: 2px 53 | width: 15px 54 | background: #333 55 | position: absolute 56 | transition: transform ease-out .086s 57 | top: calc(50% - 1px) 58 | &:first-of-type 59 | top: calc(50% - 6px) 60 | &:last-of-type 61 | top: calc(50% + 4px) 62 | 63 | // 按钮变形 64 | .nav.active 65 | .nav-control 66 | span 67 | display: none 68 | &:first-of-type 69 | transform: translateY(5px) rotate(45deg) 70 | display: block 71 | &:last-of-type 72 | transform: translateY(-5px) rotate(-45deg) 73 | display: block 74 | transform-origin: center; 75 | 76 | @media screen and (max-width: $media-size-3) 77 | .nav 78 | position: relative 79 | .control 80 | flex-basis: 100% 81 | .list, 82 | .nav-control 83 | display: block 84 | .content 85 | display: block 86 | z-index: 1 87 | position: absolute 88 | background: $default-bg 89 | padding: .5rem 0 90 | top: 100% 91 | left: 0 92 | right: 0 93 | transform: translateY(-10%) 94 | transition: transform ease-out .09s, opacity .07s 95 | visibility: hidden 96 | opacity: 0 97 | &.active 98 | .content 99 | transform: translateY(0%) 100 | visibility: visible 101 | opacity: 1 102 | .link 103 | display: block 104 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | NicoUI
修改文章 下
修改你的文章
修改文章 左
修改你的文章
修改文章 右
修改你的文章
修改文章 上
修改你的文章

媒体

视频
音频
文章
图片

个人设置

插件
钱包
表情
个性化

个人设置

插件
钱包
表情
个性化
显示 modal

Hello World

啦啦啦，我是卖报的小行家
啦啦啦，我是卖报的小行家

Hello Nico

莫听穿林打叶声，何妨吟啸且徐行。 竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。 料峭春风吹酒醒，微冷，山头斜照却相迎。 回首向来萧瑟处，归去，也无风雨也无晴。

头一 头二
页脚一 页脚二
一行 两行
一行 两行
一行 两行

阿拉丁

最神奇的灯神

了解更多
取消

阿拉丁

最神奇的灯神

Save edit Delete

阿拉丁

最神奇的灯神

说吧你有啥子圆碗

阿拉丁

链接

辅助信息

删除文章 删除文章 删除文章 删除文章 删除文章 删除文章 删除文章 绿色按钮 红色按钮 btn red 红色按钮 btn small red 绿色按钮 蓝色按钮 黄色按钮 btn yellow outline 黄色按钮 btn small yellow outline 黄色按钮 btn small yellow outline

红色文字

红色背景

黄色文字 text-yellow

黄色背景 bg-yellow

绿色文字 text-green

绿色背景 bg-green

蓝色文字 text-blue

蓝色背景 bg-blue

p1rem

m1rem

p51rem

f8

f9

f12

f14

ab-center 父容器必须 relative
fx-center 在父容器
我是容器
is-4
is-4
is-4
is-3 offset-4
is-4
is-4
is-4
is-4
is-2
is-10
fl-gird is-3 offset-4
fl-gird is-5
fl-gird is-4
fl-gird is-4
span > is-4
span > is-4
span > is-4
我是 container-fluid 容器
is-6 u
is-2 tuo
is-2
is-2 yui
is-2
is-media4-3 is-media3-6 is-media2-8 is-media1-12 bg-red
is-media4-3 is-media3-6 is-media2-8 is-media1-12 bg-red
Screen Shot 2018-07-02 2018-07-02 11:30:41.png
Screen Shot 2018-07-02 2018-07-02 11:30:41.png
Screen Shot 2018-07-02 2018-07-02 11:30:41.png
Screen Shot 2018-07-02 2018-07-02 11:30:41.png
-------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | NicoUI 7 | 16 | 17 | 18 | 19 | 20 | 21 | 49 | 50 | 51 | 52 | 53 | 54 | 55 |
56 |
57 | 58 |
59 |
60 | 61 |
62 |
63 | 64 |
65 |
66 | 67 |
68 |
69 |
70 | 修改文章 下 71 |
72 |
73 | 修改你的文章 74 |
75 |
76 |
77 |
78 | 修改文章 左 79 |
80 |
81 | 修改你的文章 82 |
83 |
84 |
85 |
86 | 修改文章 右 87 |
88 |
89 | 修改你的文章 90 |
91 |
92 |
93 |
94 | 修改文章 上 95 |
96 |
97 | 修改你的文章 98 |
99 |
100 |
101 | 102 |
103 |
104 |
105 |

106 | 媒体 107 |

108 |
109 |
视频
110 |
音频
111 |
文章
112 |
图片
113 |
114 |

115 | 个人设置 116 |

117 |
118 |
插件
119 |
钱包
120 |
表情
121 |
个性化
122 |
123 |

124 | 个人设置 125 |

126 |
127 |
插件
128 |
钱包
129 |
表情
130 |
个性化
131 |
132 |
133 |
134 |
135 | 136 | 137 | 显示 modal 138 |
139 |
140 | 141 |
142 |

Hello World

143 |
144 |
145 | 146 |
147 | 148 | 啦啦啦，我是卖报的小行家 149 |
150 |
151 | 152 | 啦啦啦，我是卖报的小行家 153 |
154 | 155 |

Hello Nico

156 |

莫听穿林打叶声，何妨吟啸且徐行。 竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。 料峭春风吹酒醒，微冷，山头斜照却相迎。 回首向来萧瑟处，归去，也无风雨也无晴。 157 |

158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 |
头一头二
页脚一页脚二
一行两行
一行两行
一行两行
185 | 186 |
187 |
188 |
189 |
190 |
191 | 192 |
193 |
194 |
195 |
196 |
197 | 198 |
199 |
200 |

阿拉丁

201 |

最神奇的灯神

202 |
203 |
204 |
205 |
206 | 了解更多 207 |
208 |
209 | 取消 210 |
211 |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 | 220 |
221 |
222 |
223 |
224 |
225 | 226 |
227 |
228 |

阿拉丁

229 |

最神奇的灯神

230 |
231 |
232 |
233 |
234 | Save 235 | edit 236 | Delete 237 |
238 |
239 |
240 | 241 |
242 |
243 |
244 |
245 | 246 |
247 |
248 |
249 |
250 |
251 | 252 |
253 |
254 |

阿拉丁

255 |

最神奇的灯神

256 |
257 |
258 |

说吧你有啥子圆碗

259 |
260 |
261 | 262 |
263 |
264 | 265 |
266 |
267 | 268 |
269 |
270 |

阿拉丁

271 |
272 |
273 | 274 | 275 | 链接 276 |

辅助信息

277 | 278 | 279 | 280 | 281 | 删除文章 282 | 删除文章 283 | 删除文章 284 | 删除文章 285 | 删除文章 286 | 删除文章 287 | 删除文章 288 | 绿色按钮 289 | 红色按钮 btn red 290 | 红色按钮 btn small red 291 | 绿色按钮 292 | 蓝色按钮 293 | 黄色按钮 btn yellow outline 294 | 黄色按钮 btn small yellow outline 295 | 黄色按钮 btn small yellow outline 296 |

红色文字

297 |

红色背景

298 |

黄色文字 text-yellow

299 |

黄色背景 bg-yellow

300 |

绿色文字 text-green

301 |

绿色背景 bg-green

302 |

蓝色文字 text-blue

303 |

蓝色背景 bg-blue

304 |

p1rem

305 |

m1rem

306 |

p51rem

307 |

f8

308 |

f9

309 |

f12

310 |

f14

311 |
312 |
ab-center 父容器必须 relative
313 |
314 | 315 |
316 |
fx-center 在父容器
317 |
318 | 319 |
我是容器
320 |
321 |
is-4
322 |
is-4
323 |
is-4
324 |
325 | 326 |
327 |
is-3 offset-4
328 |
is-4
329 |
330 | 331 |
332 |
is-4
333 |
is-4
334 |
is-4
335 |
336 | 337 |
338 |
is-2
339 |
is-10
340 |
341 | 342 |
343 |
fl-gird is-3 offset-4
344 |
fl-gird is-5
345 |
fl-gird is-4
346 |
fl-gird is-4
347 |
348 | 349 |
350 |
span > is-4
351 |
span > is-4
352 |
span > is-4
353 |
354 | 355 |
我是 container-fluid 容器
356 |
357 |
is-6 u
358 |
359 |
360 |
is-2 tuo
361 |
is-2
362 |
363 |
364 |
is-2 yui
365 |
is-2
366 |
367 | 368 |
369 |
is-media4-3 is-media3-6 is-media2-8 is-media1-12 bg-red
370 |
371 | 372 |
373 |
is-media4-3 is-media3-6 is-media2-8 is-media1-12 bg-red
374 |
375 | 376 |
377 |
378 | 379 | 380 |
381 |
382 | 383 | 384 |
385 |
386 | 387 | 388 |
389 |
390 | 391 | 392 |
393 |
394 | 395 | 396 |
397 |
398 | 399 | 400 |
401 | 402 |
403 |
404 | 405 | 406 | 407 |
408 |
409 | 410 | 411 |
412 | 413 |
414 |
415 | 422 | 423 | Screen Shot 2018-07-02 2018-07-02 11:30:41.png 424 | 425 |
426 |
427 | 434 | 435 | Screen Shot 2018-07-02 2018-07-02 11:30:41.png 436 | 437 |
438 |
439 | 446 | 447 | Screen Shot 2018-07-02 2018-07-02 11:30:41.png 448 | 449 |
450 |
451 | 458 | 459 | Screen Shot 2018-07-02 2018-07-02 11:30:41.png 460 | 461 |
462 |
463 | 470 |
471 |
472 |
473 |
474 | 479 |
480 |
481 | 486 |
487 |
488 | 493 |
494 |
495 | 500 |
501 | 502 |
503 |
504 | 505 | 506 | 507 | 508 | 509 | 510 | 511 | 512 | 513 | 514 |
515 | 516 |
517 | 518 | 519 |
520 | 521 | 522 | 523 | 524 | -------------------------------------------------------------------------------- /docs/0954ce1438e754a63aa30c43a2bc2ecd.css: -------------------------------------------------------------------------------- 1 | /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}audio,embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}html{background:#fff;font-size:16px;min-width:375px}body{font-size:1rem;color:#3b3f50;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}a{color:#47aafe;text-decoration:none}a:hover{color:#275ab7}.meta{color:#7c8194;font-size:.8rem}.btn i.icon{display:inline-block;width:.9rem}.btn i.icon.right{padding-left:.5rem}.btn i.icon.left{padding-right:.3rem}.btn.large i.icon.right{padding-left:.7rem}.btn.large i.icon.left{padding-right:1.3rem}.btn{color:#7c8194;border:1px solid #f0f0f0;outline:none;padding:.5rem 1rem;cursor:default;border-radius:4px;font-size:.8rem;display:inline-block}.btn.block{display:block}a.btn{cursor:pointer}.btn:hover{color:#4c505e;border:1px solid #e3e3e3}.btn.large{font-size:.9rem;padding:.7rem 1.2rem}.btn.small{font-size:.7rem;padding:.3rem .7rem}.btn.text{border:none}.btn.green{color:#fff;background:#59d99e;border-color:#59d99e}.btn.green:hover{background:#48d594}.btn.green.outline{color:#59d99e;background:transparent;border-color:#59d99e;transition:background .2s}.btn.green.outline:hover{background:#59d99e;color:#fff}.btn.blue{color:#fff;background:#47aafe;border-color:#47aafe}.btn.blue:hover{background:#33a1fe}.btn.blue.outline{color:#47aafe;background:transparent;border-color:#47aafe;transition:background .2s}.btn.blue.outline:hover{background:#47aafe;color:#fff}.btn.yellow{color:#fff;background:#ffae6b;border-color:#ffae6b}.btn.yellow:hover{background:#ffa357}.btn.yellow.outline{color:#ffae6b;background:transparent;border-color:#ffae6b;transition:background .2s}.btn.yellow.outline:hover{background:#ffae6b;color:#fff}.btn.red{color:#fff;background:#f96868;border-color:#f96868}.btn.red:hover{background:#f85454}.btn.red.outline{color:#f96868;background:transparent;border-color:#f96868;transition:background .2s}.btn.red.outline:hover{background:#f96868;color:#fff}.text-dark{color:#3b3f50}.bg-dark{background:#3b3f50}.text-light{color:#f0f0f0}.bg-light{background:#f0f0f0}.text-gray{color:#7c8194}.bg-gray{background:#7c8194}.text-blue{color:#47aafe}.bg-blue{background:#47aafe}.text-deep-blue{color:#275ab7}.bg-deep-blue{background:#275ab7}.text-red{color:#f96868}.bg-red{background:#f96868}.text-yellow{color:#ffae6b}.bg-yellow{background:#ffae6b}.text-green{color:#59d99e}.bg-green{background:#59d99e}.text-right{text-aligh:right}.text-left{text-align:left}.p1rem{padding:1rem}.m1rem{margin:1rem}.p51rem{padding:.5rem 1rem}.m51rem{margin:.5rem 1rem}.f8{font-size:.8rem}.f9{font-size:.9rem}.f1{font-size:1rem}.f12{font-size:1.2rem}.f14{font-size:1.4rem}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-center{display:flex;align-items:center;justify-content:center}.clearfix:after{content:" ";display:table;clear:both}#container,.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container{width:100%}@media screen and (min-width:576px){.container{max-width:540px}}@media screen and (min-width:768px){.container{max-width:720px}}@media screen and (min-width:992px){.container{max-width:960px}}@media screen and (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%}.fa-gird:after{content:"";display:table;clear:both}.fa-gird .is-1{float:left;clear:none;text-align:inherit;width:5.58333%;margin-left:0;margin-right:3%}.fa-gird .is-1:after{content:"";display:table;clear:both}.fa-gird .is-1:last-child{margin-right:0}.fa-gird .is-1.offset-1{margin-left:8.33333%}.fa-gird .is-1.offset-2{margin-left:16.66667%}.fa-gird .is-1.offset-3{margin-left:25%}.fa-gird .is-1.offset-4{margin-left:33.33333%}.fa-gird .is-1.offset-5{margin-left:41.66667%}.fa-gird .is-1.offset-6{margin-left:50%}.fa-gird .is-1.offset-7{margin-left:58.33333%}.fa-gird .is-1.offset-8{margin-left:66.66667%}.fa-gird .is-1.offset-9{margin-left:75%}.fa-gird .is-1.offset-10{margin-left:83.33333%}.fa-gird .is-1.offset-11{margin-left:91.66667%}.fa-gird .is-1.offset-12{margin-left:100%}.fa-gird .is-2{float:left;clear:none;text-align:inherit;width:14.16667%;margin-left:0;margin-right:3%}.fa-gird .is-2:after{content:"";display:table;clear:both}.fa-gird .is-2:last-child{margin-right:0}.fa-gird .is-2.offset-1{margin-left:8.33333%}.fa-gird .is-2.offset-2{margin-left:16.66667%}.fa-gird .is-2.offset-3{margin-left:25%}.fa-gird .is-2.offset-4{margin-left:33.33333%}.fa-gird .is-2.offset-5{margin-left:41.66667%}.fa-gird .is-2.offset-6{margin-left:50%}.fa-gird .is-2.offset-7{margin-left:58.33333%}.fa-gird .is-2.offset-8{margin-left:66.66667%}.fa-gird .is-2.offset-9{margin-left:75%}.fa-gird .is-2.offset-10{margin-left:83.33333%}.fa-gird .is-2.offset-11{margin-left:91.66667%}.fa-gird .is-2.offset-12{margin-left:100%}.fa-gird .is-3{float:left;clear:none;text-align:inherit;width:22.75%;margin-left:0;margin-right:3%}.fa-gird .is-3:after{content:"";display:table;clear:both}.fa-gird .is-3:last-child{margin-right:0}.fa-gird .is-3.offset-1{margin-left:8.33333%}.fa-gird .is-3.offset-2{margin-left:16.66667%}.fa-gird .is-3.offset-3{margin-left:25%}.fa-gird .is-3.offset-4{margin-left:33.33333%}.fa-gird .is-3.offset-5{margin-left:41.66667%}.fa-gird .is-3.offset-6{margin-left:50%}.fa-gird .is-3.offset-7{margin-left:58.33333%}.fa-gird .is-3.offset-8{margin-left:66.66667%}.fa-gird .is-3.offset-9{margin-left:75%}.fa-gird .is-3.offset-10{margin-left:83.33333%}.fa-gird .is-3.offset-11{margin-left:91.66667%}.fa-gird .is-3.offset-12{margin-left:100%}.fa-gird .is-4{float:left;clear:none;text-align:inherit;width:31.33333%;margin-left:0;margin-right:3%}.fa-gird .is-4:after{content:"";display:table;clear:both}.fa-gird .is-4:last-child{margin-right:0}.fa-gird .is-4.offset-1{margin-left:8.33333%}.fa-gird .is-4.offset-2{margin-left:16.66667%}.fa-gird .is-4.offset-3{margin-left:25%}.fa-gird .is-4.offset-4{margin-left:33.33333%}.fa-gird .is-4.offset-5{margin-left:41.66667%}.fa-gird .is-4.offset-6{margin-left:50%}.fa-gird .is-4.offset-7{margin-left:58.33333%}.fa-gird .is-4.offset-8{margin-left:66.66667%}.fa-gird .is-4.offset-9{margin-left:75%}.fa-gird .is-4.offset-10{margin-left:83.33333%}.fa-gird .is-4.offset-11{margin-left:91.66667%}.fa-gird .is-4.offset-12{margin-left:100%}.fa-gird .is-5{float:left;clear:none;text-align:inherit;width:39.91667%;margin-left:0;margin-right:3%}.fa-gird .is-5:after{content:"";display:table;clear:both}.fa-gird .is-5:last-child{margin-right:0}.fa-gird .is-5.offset-1{margin-left:8.33333%}.fa-gird .is-5.offset-2{margin-left:16.66667%}.fa-gird .is-5.offset-3{margin-left:25%}.fa-gird .is-5.offset-4{margin-left:33.33333%}.fa-gird .is-5.offset-5{margin-left:41.66667%}.fa-gird .is-5.offset-6{margin-left:50%}.fa-gird .is-5.offset-7{margin-left:58.33333%}.fa-gird .is-5.offset-8{margin-left:66.66667%}.fa-gird .is-5.offset-9{margin-left:75%}.fa-gird .is-5.offset-10{margin-left:83.33333%}.fa-gird .is-5.offset-11{margin-left:91.66667%}.fa-gird .is-5.offset-12{margin-left:100%}.fa-gird .is-6{float:left;clear:none;text-align:inherit;width:48.5%;margin-left:0;margin-right:3%}.fa-gird .is-6:after{content:"";display:table;clear:both}.fa-gird .is-6:last-child{margin-right:0}.fa-gird .is-6.offset-1{margin-left:8.33333%}.fa-gird .is-6.offset-2{margin-left:16.66667%}.fa-gird .is-6.offset-3{margin-left:25%}.fa-gird .is-6.offset-4{margin-left:33.33333%}.fa-gird .is-6.offset-5{margin-left:41.66667%}.fa-gird .is-6.offset-6{margin-left:50%}.fa-gird .is-6.offset-7{margin-left:58.33333%}.fa-gird .is-6.offset-8{margin-left:66.66667%}.fa-gird .is-6.offset-9{margin-left:75%}.fa-gird .is-6.offset-10{margin-left:83.33333%}.fa-gird .is-6.offset-11{margin-left:91.66667%}.fa-gird .is-6.offset-12{margin-left:100%}.fa-gird .is-7{float:left;clear:none;text-align:inherit;width:57.08333%;margin-left:0;margin-right:3%}.fa-gird .is-7:after{content:"";display:table;clear:both}.fa-gird .is-7:last-child{margin-right:0}.fa-gird .is-7.offset-1{margin-left:8.33333%}.fa-gird .is-7.offset-2{margin-left:16.66667%}.fa-gird .is-7.offset-3{margin-left:25%}.fa-gird .is-7.offset-4{margin-left:33.33333%}.fa-gird .is-7.offset-5{margin-left:41.66667%}.fa-gird .is-7.offset-6{margin-left:50%}.fa-gird .is-7.offset-7{margin-left:58.33333%}.fa-gird .is-7.offset-8{margin-left:66.66667%}.fa-gird .is-7.offset-9{margin-left:75%}.fa-gird .is-7.offset-10{margin-left:83.33333%}.fa-gird .is-7.offset-11{margin-left:91.66667%}.fa-gird .is-7.offset-12{margin-left:100%}.fa-gird .is-8{float:left;clear:none;text-align:inherit;width:65.66667%;margin-left:0;margin-right:3%}.fa-gird .is-8:after{content:"";display:table;clear:both}.fa-gird .is-8:last-child{margin-right:0}.fa-gird .is-8.offset-1{margin-left:8.33333%}.fa-gird .is-8.offset-2{margin-left:16.66667%}.fa-gird .is-8.offset-3{margin-left:25%}.fa-gird .is-8.offset-4{margin-left:33.33333%}.fa-gird .is-8.offset-5{margin-left:41.66667%}.fa-gird .is-8.offset-6{margin-left:50%}.fa-gird .is-8.offset-7{margin-left:58.33333%}.fa-gird .is-8.offset-8{margin-left:66.66667%}.fa-gird .is-8.offset-9{margin-left:75%}.fa-gird .is-8.offset-10{margin-left:83.33333%}.fa-gird .is-8.offset-11{margin-left:91.66667%}.fa-gird .is-8.offset-12{margin-left:100%}.fa-gird .is-9{float:left;clear:none;text-align:inherit;width:74.25%;margin-left:0;margin-right:3%}.fa-gird .is-9:after{content:"";display:table;clear:both}.fa-gird .is-9:last-child{margin-right:0}.fa-gird .is-9.offset-1{margin-left:8.33333%}.fa-gird .is-9.offset-2{margin-left:16.66667%}.fa-gird .is-9.offset-3{margin-left:25%}.fa-gird .is-9.offset-4{margin-left:33.33333%}.fa-gird .is-9.offset-5{margin-left:41.66667%}.fa-gird .is-9.offset-6{margin-left:50%}.fa-gird .is-9.offset-7{margin-left:58.33333%}.fa-gird .is-9.offset-8{margin-left:66.66667%}.fa-gird .is-9.offset-9{margin-left:75%}.fa-gird .is-9.offset-10{margin-left:83.33333%}.fa-gird .is-9.offset-11{margin-left:91.66667%}.fa-gird .is-9.offset-12{margin-left:100%}.fa-gird .is-10{float:left;clear:none;text-align:inherit;width:82.83333%;margin-left:0;margin-right:3%}.fa-gird .is-10:after{content:"";display:table;clear:both}.fa-gird .is-10:last-child{margin-right:0}.fa-gird .is-10.offset-1{margin-left:8.33333%}.fa-gird .is-10.offset-2{margin-left:16.66667%}.fa-gird .is-10.offset-3{margin-left:25%}.fa-gird .is-10.offset-4{margin-left:33.33333%}.fa-gird .is-10.offset-5{margin-left:41.66667%}.fa-gird .is-10.offset-6{margin-left:50%}.fa-gird .is-10.offset-7{margin-left:58.33333%}.fa-gird .is-10.offset-8{margin-left:66.66667%}.fa-gird .is-10.offset-9{margin-left:75%}.fa-gird .is-10.offset-10{margin-left:83.33333%}.fa-gird .is-10.offset-11{margin-left:91.66667%}.fa-gird .is-10.offset-12{margin-left:100%}.fa-gird .is-11{float:left;clear:none;text-align:inherit;width:91.41667%;margin-left:0;margin-right:3%}.fa-gird .is-11:after{content:"";display:table;clear:both}.fa-gird .is-11:last-child{margin-right:0}.fa-gird .is-11.offset-1{margin-left:8.33333%}.fa-gird .is-11.offset-2{margin-left:16.66667%}.fa-gird .is-11.offset-3{margin-left:25%}.fa-gird .is-11.offset-4{margin-left:33.33333%}.fa-gird .is-11.offset-5{margin-left:41.66667%}.fa-gird .is-11.offset-6{margin-left:50%}.fa-gird .is-11.offset-7{margin-left:58.33333%}.fa-gird .is-11.offset-8{margin-left:66.66667%}.fa-gird .is-11.offset-9{margin-left:75%}.fa-gird .is-11.offset-10{margin-left:83.33333%}.fa-gird .is-11.offset-11{margin-left:91.66667%}.fa-gird .is-11.offset-12{margin-left:100%}.fa-gird .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.fa-gird .is-12:after{content:"";display:table;clear:both}.fa-gird .is-12:last-child{margin-right:0}.fa-gird .is-12.offset-1{margin-left:8.33333%}.fa-gird .is-12.offset-2{margin-left:16.66667%}.fa-gird .is-12.offset-3{margin-left:25%}.fa-gird .is-12.offset-4{margin-left:33.33333%}.fa-gird .is-12.offset-5{margin-left:41.66667%}.fa-gird .is-12.offset-6{margin-left:50%}.fa-gird .is-12.offset-7{margin-left:58.33333%}.fa-gird .is-12.offset-8{margin-left:66.66667%}.fa-gird .is-12.offset-9{margin-left:75%}.fa-gird .is-12.offset-10{margin-left:83.33333%}.fa-gird .is-12.offset-11{margin-left:91.66667%}.fa-gird .is-12.offset-12{margin-left:100%}.fa-gird.span .is-1{float:left;clear:none;text-align:inherit;width:8.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-1:after{content:"";display:table;clear:both}.fa-gird.span .is-2{float:left;clear:none;text-align:inherit;width:16.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-2:after{content:"";display:table;clear:both}.fa-gird.span .is-3{float:left;clear:none;text-align:inherit;width:25%;margin-left:0;margin-right:0}.fa-gird.span .is-3:after{content:"";display:table;clear:both}.fa-gird.span .is-4{float:left;clear:none;text-align:inherit;width:33.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-4:after{content:"";display:table;clear:both}.fa-gird.span .is-5{float:left;clear:none;text-align:inherit;width:41.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-5:after{content:"";display:table;clear:both}.fa-gird.span .is-6{float:left;clear:none;text-align:inherit;width:50%;margin-left:0;margin-right:0}.fa-gird.span .is-6:after{content:"";display:table;clear:both}.fa-gird.span .is-7{float:left;clear:none;text-align:inherit;width:58.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-7:after{content:"";display:table;clear:both}.fa-gird.span .is-8{float:left;clear:none;text-align:inherit;width:66.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-8:after{content:"";display:table;clear:both}.fa-gird.span .is-9{float:left;clear:none;text-align:inherit;width:75%;margin-left:0;margin-right:0}.fa-gird.span .is-9:after{content:"";display:table;clear:both}.fa-gird.span .is-10{float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-10:after{content:"";display:table;clear:both}.fa-gird.span .is-11{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-11:after{content:"";display:table;clear:both}.fa-gird.span .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:0}.fa-gird.span .is-12:after{content:"";display:table;clear:both}.fl-gird{display:flex;flex-wrap:wrap}.fl-gird.row{flex-wrap:no-wrap}.fl-gird.kj{flex-direction:row-reverse}.fl-gird.jn{flex-direction:column}.fl-gird.nj{flex-direction:column-reverse}.fl-gird.u{justify-content:center}.fl-gird.t{justify-content:flex-start}.fl-gird.o{justify-content:flex-right}.fl-gird.tuo{justify-content:space-between}.fl-gird.yui{justify-content:space-around}.fl-gird .is-1{width:8.33333%}.fl-gird .is-1.offset-1{margin-left:8.33333%}.fl-gird .is-1.offset-2{margin-left:16.66667%}.fl-gird .is-1.offset-3{margin-left:25%}.fl-gird .is-1.offset-4{margin-left:33.33333%}.fl-gird .is-1.offset-5{margin-left:41.66667%}.fl-gird .is-1.offset-6{margin-left:50%}.fl-gird .is-1.offset-7{margin-left:58.33333%}.fl-gird .is-1.offset-8{margin-left:66.66667%}.fl-gird .is-1.offset-9{margin-left:75%}.fl-gird .is-1.offset-10{margin-left:83.33333%}.fl-gird .is-1.offset-11{margin-left:91.66667%}.fl-gird .is-1.offset-12{margin-left:100%}.fl-gird .is-2{width:16.66667%}.fl-gird .is-2.offset-1{margin-left:8.33333%}.fl-gird .is-2.offset-2{margin-left:16.66667%}.fl-gird .is-2.offset-3{margin-left:25%}.fl-gird .is-2.offset-4{margin-left:33.33333%}.fl-gird .is-2.offset-5{margin-left:41.66667%}.fl-gird .is-2.offset-6{margin-left:50%}.fl-gird .is-2.offset-7{margin-left:58.33333%}.fl-gird .is-2.offset-8{margin-left:66.66667%}.fl-gird .is-2.offset-9{margin-left:75%}.fl-gird .is-2.offset-10{margin-left:83.33333%}.fl-gird .is-2.offset-11{margin-left:91.66667%}.fl-gird .is-2.offset-12{margin-left:100%}.fl-gird .is-3{width:25%}.fl-gird .is-3.offset-1{margin-left:8.33333%}.fl-gird .is-3.offset-2{margin-left:16.66667%}.fl-gird .is-3.offset-3{margin-left:25%}.fl-gird .is-3.offset-4{margin-left:33.33333%}.fl-gird .is-3.offset-5{margin-left:41.66667%}.fl-gird .is-3.offset-6{margin-left:50%}.fl-gird .is-3.offset-7{margin-left:58.33333%}.fl-gird .is-3.offset-8{margin-left:66.66667%}.fl-gird .is-3.offset-9{margin-left:75%}.fl-gird .is-3.offset-10{margin-left:83.33333%}.fl-gird .is-3.offset-11{margin-left:91.66667%}.fl-gird .is-3.offset-12{margin-left:100%}.fl-gird .is-4{width:33.33333%}.fl-gird .is-4.offset-1{margin-left:8.33333%}.fl-gird .is-4.offset-2{margin-left:16.66667%}.fl-gird .is-4.offset-3{margin-left:25%}.fl-gird .is-4.offset-4{margin-left:33.33333%}.fl-gird .is-4.offset-5{margin-left:41.66667%}.fl-gird .is-4.offset-6{margin-left:50%}.fl-gird .is-4.offset-7{margin-left:58.33333%}.fl-gird .is-4.offset-8{margin-left:66.66667%}.fl-gird .is-4.offset-9{margin-left:75%}.fl-gird .is-4.offset-10{margin-left:83.33333%}.fl-gird .is-4.offset-11{margin-left:91.66667%}.fl-gird .is-4.offset-12{margin-left:100%}.fl-gird .is-5{width:41.66667%}.fl-gird .is-5.offset-1{margin-left:8.33333%}.fl-gird .is-5.offset-2{margin-left:16.66667%}.fl-gird .is-5.offset-3{margin-left:25%}.fl-gird .is-5.offset-4{margin-left:33.33333%}.fl-gird .is-5.offset-5{margin-left:41.66667%}.fl-gird .is-5.offset-6{margin-left:50%}.fl-gird .is-5.offset-7{margin-left:58.33333%}.fl-gird .is-5.offset-8{margin-left:66.66667%}.fl-gird .is-5.offset-9{margin-left:75%}.fl-gird .is-5.offset-10{margin-left:83.33333%}.fl-gird .is-5.offset-11{margin-left:91.66667%}.fl-gird .is-5.offset-12{margin-left:100%}.fl-gird .is-6{width:50%}.fl-gird .is-6.offset-1{margin-left:8.33333%}.fl-gird .is-6.offset-2{margin-left:16.66667%}.fl-gird .is-6.offset-3{margin-left:25%}.fl-gird .is-6.offset-4{margin-left:33.33333%}.fl-gird .is-6.offset-5{margin-left:41.66667%}.fl-gird .is-6.offset-6{margin-left:50%}.fl-gird .is-6.offset-7{margin-left:58.33333%}.fl-gird .is-6.offset-8{margin-left:66.66667%}.fl-gird .is-6.offset-9{margin-left:75%}.fl-gird .is-6.offset-10{margin-left:83.33333%}.fl-gird .is-6.offset-11{margin-left:91.66667%}.fl-gird .is-6.offset-12{margin-left:100%}.fl-gird .is-7{width:58.33333%}.fl-gird .is-7.offset-1{margin-left:8.33333%}.fl-gird .is-7.offset-2{margin-left:16.66667%}.fl-gird .is-7.offset-3{margin-left:25%}.fl-gird .is-7.offset-4{margin-left:33.33333%}.fl-gird .is-7.offset-5{margin-left:41.66667%}.fl-gird .is-7.offset-6{margin-left:50%}.fl-gird .is-7.offset-7{margin-left:58.33333%}.fl-gird .is-7.offset-8{margin-left:66.66667%}.fl-gird .is-7.offset-9{margin-left:75%}.fl-gird .is-7.offset-10{margin-left:83.33333%}.fl-gird .is-7.offset-11{margin-left:91.66667%}.fl-gird .is-7.offset-12{margin-left:100%}.fl-gird .is-8{width:66.66667%}.fl-gird .is-8.offset-1{margin-left:8.33333%}.fl-gird .is-8.offset-2{margin-left:16.66667%}.fl-gird .is-8.offset-3{margin-left:25%}.fl-gird .is-8.offset-4{margin-left:33.33333%}.fl-gird .is-8.offset-5{margin-left:41.66667%}.fl-gird .is-8.offset-6{margin-left:50%}.fl-gird .is-8.offset-7{margin-left:58.33333%}.fl-gird .is-8.offset-8{margin-left:66.66667%}.fl-gird .is-8.offset-9{margin-left:75%}.fl-gird .is-8.offset-10{margin-left:83.33333%}.fl-gird .is-8.offset-11{margin-left:91.66667%}.fl-gird .is-8.offset-12{margin-left:100%}.fl-gird .is-9{width:75%}.fl-gird .is-9.offset-1{margin-left:8.33333%}.fl-gird .is-9.offset-2{margin-left:16.66667%}.fl-gird .is-9.offset-3{margin-left:25%}.fl-gird .is-9.offset-4{margin-left:33.33333%}.fl-gird .is-9.offset-5{margin-left:41.66667%}.fl-gird .is-9.offset-6{margin-left:50%}.fl-gird .is-9.offset-7{margin-left:58.33333%}.fl-gird .is-9.offset-8{margin-left:66.66667%}.fl-gird .is-9.offset-9{margin-left:75%}.fl-gird .is-9.offset-10{margin-left:83.33333%}.fl-gird .is-9.offset-11{margin-left:91.66667%}.fl-gird .is-9.offset-12{margin-left:100%}.fl-gird .is-10{width:83.33333%}.fl-gird .is-10.offset-1{margin-left:8.33333%}.fl-gird .is-10.offset-2{margin-left:16.66667%}.fl-gird .is-10.offset-3{margin-left:25%}.fl-gird .is-10.offset-4{margin-left:33.33333%}.fl-gird .is-10.offset-5{margin-left:41.66667%}.fl-gird .is-10.offset-6{margin-left:50%}.fl-gird .is-10.offset-7{margin-left:58.33333%}.fl-gird .is-10.offset-8{margin-left:66.66667%}.fl-gird .is-10.offset-9{margin-left:75%}.fl-gird .is-10.offset-10{margin-left:83.33333%}.fl-gird .is-10.offset-11{margin-left:91.66667%}.fl-gird .is-10.offset-12{margin-left:100%}.fl-gird .is-11{width:91.66667%}.fl-gird .is-11.offset-1{margin-left:8.33333%}.fl-gird .is-11.offset-2{margin-left:16.66667%}.fl-gird .is-11.offset-3{margin-left:25%}.fl-gird .is-11.offset-4{margin-left:33.33333%}.fl-gird .is-11.offset-5{margin-left:41.66667%}.fl-gird .is-11.offset-6{margin-left:50%}.fl-gird .is-11.offset-7{margin-left:58.33333%}.fl-gird .is-11.offset-8{margin-left:66.66667%}.fl-gird .is-11.offset-9{margin-left:75%}.fl-gird .is-11.offset-10{margin-left:83.33333%}.fl-gird .is-11.offset-11{margin-left:91.66667%}.fl-gird .is-11.offset-12{margin-left:100%}.fl-gird .is-12{width:100%}.fl-gird .is-12.offset-1{margin-left:8.33333%}.fl-gird .is-12.offset-2{margin-left:16.66667%}.fl-gird .is-12.offset-3{margin-left:25%}.fl-gird .is-12.offset-4{margin-left:33.33333%}.fl-gird .is-12.offset-5{margin-left:41.66667%}.fl-gird .is-12.offset-6{margin-left:50%}.fl-gird .is-12.offset-7{margin-left:58.33333%}.fl-gird .is-12.offset-8{margin-left:66.66667%}.fl-gird .is-12.offset-9{margin-left:75%}.fl-gird .is-12.offset-10{margin-left:83.33333%}.fl-gird .is-12.offset-11{margin-left:91.66667%}.fl-gird .is-12.offset-12{margin-left:100%}@media screen and (max-width:768px){.fa-gird .is-media1-1,.fl-gird .is-media1-1{width:8.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-1,.fl-gird .is-media2-1{width:8.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-1,.fl-gird .is-media3-1{width:8.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-1,.fl-gird .is-media4-1{width:8.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-2,.fl-gird .is-media1-2{width:16.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-2,.fl-gird .is-media2-2{width:16.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-2,.fl-gird .is-media3-2{width:16.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-2,.fl-gird .is-media4-2{width:16.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-3,.fl-gird .is-media1-3{width:25%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-3,.fl-gird .is-media2-3{width:25%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-3,.fl-gird .is-media3-3{width:25%}}@media screen and (min-width:1200px){.fa-gird .is-media4-3,.fl-gird .is-media4-3{width:25%}}@media screen and (max-width:768px){.fa-gird .is-media1-4,.fl-gird .is-media1-4{width:33.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-4,.fl-gird .is-media2-4{width:33.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-4,.fl-gird .is-media3-4{width:33.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-4,.fl-gird .is-media4-4{width:33.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-5,.fl-gird .is-media1-5{width:41.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-5,.fl-gird .is-media2-5{width:41.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-5,.fl-gird .is-media3-5{width:41.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-5,.fl-gird .is-media4-5{width:41.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-6,.fl-gird .is-media1-6{width:50%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-6,.fl-gird .is-media2-6{width:50%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-6,.fl-gird .is-media3-6{width:50%}}@media screen and (min-width:1200px){.fa-gird .is-media4-6,.fl-gird .is-media4-6{width:50%}}@media screen and (max-width:768px){.fa-gird .is-media1-7,.fl-gird .is-media1-7{width:58.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-7,.fl-gird .is-media2-7{width:58.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-7,.fl-gird .is-media3-7{width:58.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-7,.fl-gird .is-media4-7{width:58.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-8,.fl-gird .is-media1-8{width:66.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-8,.fl-gird .is-media2-8{width:66.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-8,.fl-gird .is-media3-8{width:66.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-8,.fl-gird .is-media4-8{width:66.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-9,.fl-gird .is-media1-9{width:75%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-9,.fl-gird .is-media2-9{width:75%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-9,.fl-gird .is-media3-9{width:75%}}@media screen and (min-width:1200px){.fa-gird .is-media4-9,.fl-gird .is-media4-9{width:75%}}@media screen and (max-width:768px){.fa-gird .is-media1-10,.fl-gird .is-media1-10{width:83.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-10,.fl-gird .is-media2-10{width:83.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-10,.fl-gird .is-media3-10{width:83.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-10,.fl-gird .is-media4-10{width:83.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-11,.fl-gird .is-media1-11{width:91.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-11,.fl-gird .is-media2-11{width:91.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-11,.fl-gird .is-media3-11{width:91.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-11,.fl-gird .is-media4-11{width:91.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-12,.fl-gird .is-media1-12{width:100%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-12,.fl-gird .is-media2-12{width:100%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-12,.fl-gird .is-media3-12{width:100%}}@media screen and (min-width:1200px){.fa-gird .is-media4-12,.fl-gird .is-media4-12{width:100%}} -------------------------------------------------------------------------------- /docs/NicoUI.030032c0.css: -------------------------------------------------------------------------------- 1 | /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}audio,embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}html{background:#fff;font-size:16px;min-width:375px}body{font-size:1rem;color:#3b3f50;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}a{color:#47aafe;text-decoration:none}a:hover{color:#275ab7}.meta{color:#7c8194;font-size:.8rem}.btn i.icon{display:inline-block;width:.9rem}.btn i.icon.right{padding-left:.5rem}.btn i.icon.left{padding-right:.3rem}.btn.large i.icon.right{padding-left:.7rem}.btn.large i.icon.left{padding-right:1.3rem}.btn{color:#7c8194;border:1px solid #f0f0f0;outline:none;padding:.5rem 1rem;cursor:default;border-radius:4px;font-size:.8rem;display:inline-block}.btn.block{display:block}a.btn{cursor:pointer}.btn:hover{color:#4c505e;border:1px solid #e3e3e3}.btn.large{font-size:.9rem;padding:.7rem 1.2rem}.btn.small{font-size:.7rem;padding:.3rem .7rem}.btn.text{border:none}.btn.green{color:#fff;background:#59d99e;border-color:#59d99e}.btn.green:hover{background:#48d594}.btn.green.outline{color:#59d99e;background:transparent;border-color:#59d99e;transition:background .2s}.btn.green.outline:hover{background:#59d99e;color:#fff}.btn.blue{color:#fff;background:#47aafe;border-color:#47aafe}.btn.blue:hover{background:#33a1fe}.btn.blue.outline{color:#47aafe;background:transparent;border-color:#47aafe;transition:background .2s}.btn.blue.outline:hover{background:#47aafe;color:#fff}.btn.yellow{color:#fff;background:#ffae6b;border-color:#ffae6b}.btn.yellow:hover{background:#ffa357}.btn.yellow.outline{color:#ffae6b;background:transparent;border-color:#ffae6b;transition:background .2s}.btn.yellow.outline:hover{background:#ffae6b;color:#fff}.btn.red{color:#fff;background:#f96868;border-color:#f96868}.btn.red:hover{background:#f85454}.btn.red.outline{color:#f96868;background:transparent;border-color:#f96868;transition:background .2s}.btn.red.outline:hover{background:#f96868;color:#fff}.text-dark{color:#3b3f50}.bg-dark{background:#3b3f50}.text-light{color:#f0f0f0}.bg-light{background:#f0f0f0}.text-gray{color:#7c8194}.bg-gray{background:#7c8194}.text-blue{color:#47aafe}.bg-blue{background:#47aafe}.text-deep-blue{color:#275ab7}.bg-deep-blue{background:#275ab7}.text-red{color:#f96868}.bg-red{background:#f96868}.text-yellow{color:#ffae6b}.bg-yellow{background:#ffae6b}.text-green{color:#59d99e}.bg-green{background:#59d99e}.text-right{text-aligh:right}.text-left{text-align:left}.p1rem{padding:1rem}.m1rem{margin:1rem}.p51rem{padding:.5rem 1rem}.m51rem{margin:.5rem 1rem}.f8{font-size:.8rem}.f9{font-size:.9rem}.f1{font-size:1rem}.f12{font-size:1.2rem}.f14{font-size:1.4rem}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-center{display:flex;align-items:center;justify-content:center}.clearfix:after{content:" ";display:table;clear:both}#container,.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container{width:100%}@media screen and (min-width:576px){.container{max-width:540px}}@media screen and (min-width:768px){.container{max-width:720px}}@media screen and (min-width:992px){.container{max-width:960px}}@media screen and (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%}.fa-gird:after{content:"";display:table;clear:both}.fa-gird .is-1{float:left;clear:none;text-align:inherit;width:5.58333%;margin-left:0;margin-right:3%}.fa-gird .is-1:after{content:"";display:table;clear:both}.fa-gird .is-1:last-child{margin-right:0}.fa-gird .is-1.offset-1{margin-left:8.33333%}.fa-gird .is-1.offset-2{margin-left:16.66667%}.fa-gird .is-1.offset-3{margin-left:25%}.fa-gird .is-1.offset-4{margin-left:33.33333%}.fa-gird .is-1.offset-5{margin-left:41.66667%}.fa-gird .is-1.offset-6{margin-left:50%}.fa-gird .is-1.offset-7{margin-left:58.33333%}.fa-gird .is-1.offset-8{margin-left:66.66667%}.fa-gird .is-1.offset-9{margin-left:75%}.fa-gird .is-1.offset-10{margin-left:83.33333%}.fa-gird .is-1.offset-11{margin-left:91.66667%}.fa-gird .is-1.offset-12{margin-left:100%}.fa-gird .is-2{float:left;clear:none;text-align:inherit;width:14.16667%;margin-left:0;margin-right:3%}.fa-gird .is-2:after{content:"";display:table;clear:both}.fa-gird .is-2:last-child{margin-right:0}.fa-gird .is-2.offset-1{margin-left:8.33333%}.fa-gird .is-2.offset-2{margin-left:16.66667%}.fa-gird .is-2.offset-3{margin-left:25%}.fa-gird .is-2.offset-4{margin-left:33.33333%}.fa-gird .is-2.offset-5{margin-left:41.66667%}.fa-gird .is-2.offset-6{margin-left:50%}.fa-gird .is-2.offset-7{margin-left:58.33333%}.fa-gird .is-2.offset-8{margin-left:66.66667%}.fa-gird .is-2.offset-9{margin-left:75%}.fa-gird .is-2.offset-10{margin-left:83.33333%}.fa-gird .is-2.offset-11{margin-left:91.66667%}.fa-gird .is-2.offset-12{margin-left:100%}.fa-gird .is-3{float:left;clear:none;text-align:inherit;width:22.75%;margin-left:0;margin-right:3%}.fa-gird .is-3:after{content:"";display:table;clear:both}.fa-gird .is-3:last-child{margin-right:0}.fa-gird .is-3.offset-1{margin-left:8.33333%}.fa-gird .is-3.offset-2{margin-left:16.66667%}.fa-gird .is-3.offset-3{margin-left:25%}.fa-gird .is-3.offset-4{margin-left:33.33333%}.fa-gird .is-3.offset-5{margin-left:41.66667%}.fa-gird .is-3.offset-6{margin-left:50%}.fa-gird .is-3.offset-7{margin-left:58.33333%}.fa-gird .is-3.offset-8{margin-left:66.66667%}.fa-gird .is-3.offset-9{margin-left:75%}.fa-gird .is-3.offset-10{margin-left:83.33333%}.fa-gird .is-3.offset-11{margin-left:91.66667%}.fa-gird .is-3.offset-12{margin-left:100%}.fa-gird .is-4{float:left;clear:none;text-align:inherit;width:31.33333%;margin-left:0;margin-right:3%}.fa-gird .is-4:after{content:"";display:table;clear:both}.fa-gird .is-4:last-child{margin-right:0}.fa-gird .is-4.offset-1{margin-left:8.33333%}.fa-gird .is-4.offset-2{margin-left:16.66667%}.fa-gird .is-4.offset-3{margin-left:25%}.fa-gird .is-4.offset-4{margin-left:33.33333%}.fa-gird .is-4.offset-5{margin-left:41.66667%}.fa-gird .is-4.offset-6{margin-left:50%}.fa-gird .is-4.offset-7{margin-left:58.33333%}.fa-gird .is-4.offset-8{margin-left:66.66667%}.fa-gird .is-4.offset-9{margin-left:75%}.fa-gird .is-4.offset-10{margin-left:83.33333%}.fa-gird .is-4.offset-11{margin-left:91.66667%}.fa-gird .is-4.offset-12{margin-left:100%}.fa-gird .is-5{float:left;clear:none;text-align:inherit;width:39.91667%;margin-left:0;margin-right:3%}.fa-gird .is-5:after{content:"";display:table;clear:both}.fa-gird .is-5:last-child{margin-right:0}.fa-gird .is-5.offset-1{margin-left:8.33333%}.fa-gird .is-5.offset-2{margin-left:16.66667%}.fa-gird .is-5.offset-3{margin-left:25%}.fa-gird .is-5.offset-4{margin-left:33.33333%}.fa-gird .is-5.offset-5{margin-left:41.66667%}.fa-gird .is-5.offset-6{margin-left:50%}.fa-gird .is-5.offset-7{margin-left:58.33333%}.fa-gird .is-5.offset-8{margin-left:66.66667%}.fa-gird .is-5.offset-9{margin-left:75%}.fa-gird .is-5.offset-10{margin-left:83.33333%}.fa-gird .is-5.offset-11{margin-left:91.66667%}.fa-gird .is-5.offset-12{margin-left:100%}.fa-gird .is-6{float:left;clear:none;text-align:inherit;width:48.5%;margin-left:0;margin-right:3%}.fa-gird .is-6:after{content:"";display:table;clear:both}.fa-gird .is-6:last-child{margin-right:0}.fa-gird .is-6.offset-1{margin-left:8.33333%}.fa-gird .is-6.offset-2{margin-left:16.66667%}.fa-gird .is-6.offset-3{margin-left:25%}.fa-gird .is-6.offset-4{margin-left:33.33333%}.fa-gird .is-6.offset-5{margin-left:41.66667%}.fa-gird .is-6.offset-6{margin-left:50%}.fa-gird .is-6.offset-7{margin-left:58.33333%}.fa-gird .is-6.offset-8{margin-left:66.66667%}.fa-gird .is-6.offset-9{margin-left:75%}.fa-gird .is-6.offset-10{margin-left:83.33333%}.fa-gird .is-6.offset-11{margin-left:91.66667%}.fa-gird .is-6.offset-12{margin-left:100%}.fa-gird .is-7{float:left;clear:none;text-align:inherit;width:57.08333%;margin-left:0;margin-right:3%}.fa-gird .is-7:after{content:"";display:table;clear:both}.fa-gird .is-7:last-child{margin-right:0}.fa-gird .is-7.offset-1{margin-left:8.33333%}.fa-gird .is-7.offset-2{margin-left:16.66667%}.fa-gird .is-7.offset-3{margin-left:25%}.fa-gird .is-7.offset-4{margin-left:33.33333%}.fa-gird .is-7.offset-5{margin-left:41.66667%}.fa-gird .is-7.offset-6{margin-left:50%}.fa-gird .is-7.offset-7{margin-left:58.33333%}.fa-gird .is-7.offset-8{margin-left:66.66667%}.fa-gird .is-7.offset-9{margin-left:75%}.fa-gird .is-7.offset-10{margin-left:83.33333%}.fa-gird .is-7.offset-11{margin-left:91.66667%}.fa-gird .is-7.offset-12{margin-left:100%}.fa-gird .is-8{float:left;clear:none;text-align:inherit;width:65.66667%;margin-left:0;margin-right:3%}.fa-gird .is-8:after{content:"";display:table;clear:both}.fa-gird .is-8:last-child{margin-right:0}.fa-gird .is-8.offset-1{margin-left:8.33333%}.fa-gird .is-8.offset-2{margin-left:16.66667%}.fa-gird .is-8.offset-3{margin-left:25%}.fa-gird .is-8.offset-4{margin-left:33.33333%}.fa-gird .is-8.offset-5{margin-left:41.66667%}.fa-gird .is-8.offset-6{margin-left:50%}.fa-gird .is-8.offset-7{margin-left:58.33333%}.fa-gird .is-8.offset-8{margin-left:66.66667%}.fa-gird .is-8.offset-9{margin-left:75%}.fa-gird .is-8.offset-10{margin-left:83.33333%}.fa-gird .is-8.offset-11{margin-left:91.66667%}.fa-gird .is-8.offset-12{margin-left:100%}.fa-gird .is-9{float:left;clear:none;text-align:inherit;width:74.25%;margin-left:0;margin-right:3%}.fa-gird .is-9:after{content:"";display:table;clear:both}.fa-gird .is-9:last-child{margin-right:0}.fa-gird .is-9.offset-1{margin-left:8.33333%}.fa-gird .is-9.offset-2{margin-left:16.66667%}.fa-gird .is-9.offset-3{margin-left:25%}.fa-gird .is-9.offset-4{margin-left:33.33333%}.fa-gird .is-9.offset-5{margin-left:41.66667%}.fa-gird .is-9.offset-6{margin-left:50%}.fa-gird .is-9.offset-7{margin-left:58.33333%}.fa-gird .is-9.offset-8{margin-left:66.66667%}.fa-gird .is-9.offset-9{margin-left:75%}.fa-gird .is-9.offset-10{margin-left:83.33333%}.fa-gird .is-9.offset-11{margin-left:91.66667%}.fa-gird .is-9.offset-12{margin-left:100%}.fa-gird .is-10{float:left;clear:none;text-align:inherit;width:82.83333%;margin-left:0;margin-right:3%}.fa-gird .is-10:after{content:"";display:table;clear:both}.fa-gird .is-10:last-child{margin-right:0}.fa-gird .is-10.offset-1{margin-left:8.33333%}.fa-gird .is-10.offset-2{margin-left:16.66667%}.fa-gird .is-10.offset-3{margin-left:25%}.fa-gird .is-10.offset-4{margin-left:33.33333%}.fa-gird .is-10.offset-5{margin-left:41.66667%}.fa-gird .is-10.offset-6{margin-left:50%}.fa-gird .is-10.offset-7{margin-left:58.33333%}.fa-gird .is-10.offset-8{margin-left:66.66667%}.fa-gird .is-10.offset-9{margin-left:75%}.fa-gird .is-10.offset-10{margin-left:83.33333%}.fa-gird .is-10.offset-11{margin-left:91.66667%}.fa-gird .is-10.offset-12{margin-left:100%}.fa-gird .is-11{float:left;clear:none;text-align:inherit;width:91.41667%;margin-left:0;margin-right:3%}.fa-gird .is-11:after{content:"";display:table;clear:both}.fa-gird .is-11:last-child{margin-right:0}.fa-gird .is-11.offset-1{margin-left:8.33333%}.fa-gird .is-11.offset-2{margin-left:16.66667%}.fa-gird .is-11.offset-3{margin-left:25%}.fa-gird .is-11.offset-4{margin-left:33.33333%}.fa-gird .is-11.offset-5{margin-left:41.66667%}.fa-gird .is-11.offset-6{margin-left:50%}.fa-gird .is-11.offset-7{margin-left:58.33333%}.fa-gird .is-11.offset-8{margin-left:66.66667%}.fa-gird .is-11.offset-9{margin-left:75%}.fa-gird .is-11.offset-10{margin-left:83.33333%}.fa-gird .is-11.offset-11{margin-left:91.66667%}.fa-gird .is-11.offset-12{margin-left:100%}.fa-gird .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.fa-gird .is-12:after{content:"";display:table;clear:both}.fa-gird .is-12:last-child{margin-right:0}.fa-gird .is-12.offset-1{margin-left:8.33333%}.fa-gird .is-12.offset-2{margin-left:16.66667%}.fa-gird .is-12.offset-3{margin-left:25%}.fa-gird .is-12.offset-4{margin-left:33.33333%}.fa-gird .is-12.offset-5{margin-left:41.66667%}.fa-gird .is-12.offset-6{margin-left:50%}.fa-gird .is-12.offset-7{margin-left:58.33333%}.fa-gird .is-12.offset-8{margin-left:66.66667%}.fa-gird .is-12.offset-9{margin-left:75%}.fa-gird .is-12.offset-10{margin-left:83.33333%}.fa-gird .is-12.offset-11{margin-left:91.66667%}.fa-gird .is-12.offset-12{margin-left:100%}.fa-gird.span .is-1{float:left;clear:none;text-align:inherit;width:8.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-1:after{content:"";display:table;clear:both}.fa-gird.span .is-2{float:left;clear:none;text-align:inherit;width:16.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-2:after{content:"";display:table;clear:both}.fa-gird.span .is-3{float:left;clear:none;text-align:inherit;width:25%;margin-left:0;margin-right:0}.fa-gird.span .is-3:after{content:"";display:table;clear:both}.fa-gird.span .is-4{float:left;clear:none;text-align:inherit;width:33.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-4:after{content:"";display:table;clear:both}.fa-gird.span .is-5{float:left;clear:none;text-align:inherit;width:41.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-5:after{content:"";display:table;clear:both}.fa-gird.span .is-6{float:left;clear:none;text-align:inherit;width:50%;margin-left:0;margin-right:0}.fa-gird.span .is-6:after{content:"";display:table;clear:both}.fa-gird.span .is-7{float:left;clear:none;text-align:inherit;width:58.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-7:after{content:"";display:table;clear:both}.fa-gird.span .is-8{float:left;clear:none;text-align:inherit;width:66.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-8:after{content:"";display:table;clear:both}.fa-gird.span .is-9{float:left;clear:none;text-align:inherit;width:75%;margin-left:0;margin-right:0}.fa-gird.span .is-9:after{content:"";display:table;clear:both}.fa-gird.span .is-10{float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-10:after{content:"";display:table;clear:both}.fa-gird.span .is-11{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-11:after{content:"";display:table;clear:both}.fa-gird.span .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:0}.fa-gird.span .is-12:after{content:"";display:table;clear:both}.fl-gird{display:flex;flex-wrap:wrap}.fl-gird.row{flex-wrap:no-wrap}.fl-gird.kj{flex-direction:row-reverse}.fl-gird.jn{flex-direction:column}.fl-gird.nj{flex-direction:column-reverse}.fl-gird.u{justify-content:center}.fl-gird.t{justify-content:flex-start}.fl-gird.o{justify-content:flex-right}.fl-gird.tuo{justify-content:space-between}.fl-gird.yui{justify-content:space-around}.fl-gird .is-1{width:8.33333%}.fl-gird .is-1.offset-1{margin-left:8.33333%}.fl-gird .is-1.offset-2{margin-left:16.66667%}.fl-gird .is-1.offset-3{margin-left:25%}.fl-gird .is-1.offset-4{margin-left:33.33333%}.fl-gird .is-1.offset-5{margin-left:41.66667%}.fl-gird .is-1.offset-6{margin-left:50%}.fl-gird .is-1.offset-7{margin-left:58.33333%}.fl-gird .is-1.offset-8{margin-left:66.66667%}.fl-gird .is-1.offset-9{margin-left:75%}.fl-gird .is-1.offset-10{margin-left:83.33333%}.fl-gird .is-1.offset-11{margin-left:91.66667%}.fl-gird .is-1.offset-12{margin-left:100%}.fl-gird .is-2{width:16.66667%}.fl-gird .is-2.offset-1{margin-left:8.33333%}.fl-gird .is-2.offset-2{margin-left:16.66667%}.fl-gird .is-2.offset-3{margin-left:25%}.fl-gird .is-2.offset-4{margin-left:33.33333%}.fl-gird .is-2.offset-5{margin-left:41.66667%}.fl-gird .is-2.offset-6{margin-left:50%}.fl-gird .is-2.offset-7{margin-left:58.33333%}.fl-gird .is-2.offset-8{margin-left:66.66667%}.fl-gird .is-2.offset-9{margin-left:75%}.fl-gird .is-2.offset-10{margin-left:83.33333%}.fl-gird .is-2.offset-11{margin-left:91.66667%}.fl-gird .is-2.offset-12{margin-left:100%}.fl-gird .is-3{width:25%}.fl-gird .is-3.offset-1{margin-left:8.33333%}.fl-gird .is-3.offset-2{margin-left:16.66667%}.fl-gird .is-3.offset-3{margin-left:25%}.fl-gird .is-3.offset-4{margin-left:33.33333%}.fl-gird .is-3.offset-5{margin-left:41.66667%}.fl-gird .is-3.offset-6{margin-left:50%}.fl-gird .is-3.offset-7{margin-left:58.33333%}.fl-gird .is-3.offset-8{margin-left:66.66667%}.fl-gird .is-3.offset-9{margin-left:75%}.fl-gird .is-3.offset-10{margin-left:83.33333%}.fl-gird .is-3.offset-11{margin-left:91.66667%}.fl-gird .is-3.offset-12{margin-left:100%}.fl-gird .is-4{width:33.33333%}.fl-gird .is-4.offset-1{margin-left:8.33333%}.fl-gird .is-4.offset-2{margin-left:16.66667%}.fl-gird .is-4.offset-3{margin-left:25%}.fl-gird .is-4.offset-4{margin-left:33.33333%}.fl-gird .is-4.offset-5{margin-left:41.66667%}.fl-gird .is-4.offset-6{margin-left:50%}.fl-gird .is-4.offset-7{margin-left:58.33333%}.fl-gird .is-4.offset-8{margin-left:66.66667%}.fl-gird .is-4.offset-9{margin-left:75%}.fl-gird .is-4.offset-10{margin-left:83.33333%}.fl-gird .is-4.offset-11{margin-left:91.66667%}.fl-gird .is-4.offset-12{margin-left:100%}.fl-gird .is-5{width:41.66667%}.fl-gird .is-5.offset-1{margin-left:8.33333%}.fl-gird .is-5.offset-2{margin-left:16.66667%}.fl-gird .is-5.offset-3{margin-left:25%}.fl-gird .is-5.offset-4{margin-left:33.33333%}.fl-gird .is-5.offset-5{margin-left:41.66667%}.fl-gird .is-5.offset-6{margin-left:50%}.fl-gird .is-5.offset-7{margin-left:58.33333%}.fl-gird .is-5.offset-8{margin-left:66.66667%}.fl-gird .is-5.offset-9{margin-left:75%}.fl-gird .is-5.offset-10{margin-left:83.33333%}.fl-gird .is-5.offset-11{margin-left:91.66667%}.fl-gird .is-5.offset-12{margin-left:100%}.fl-gird .is-6{width:50%}.fl-gird .is-6.offset-1{margin-left:8.33333%}.fl-gird .is-6.offset-2{margin-left:16.66667%}.fl-gird .is-6.offset-3{margin-left:25%}.fl-gird .is-6.offset-4{margin-left:33.33333%}.fl-gird .is-6.offset-5{margin-left:41.66667%}.fl-gird .is-6.offset-6{margin-left:50%}.fl-gird .is-6.offset-7{margin-left:58.33333%}.fl-gird .is-6.offset-8{margin-left:66.66667%}.fl-gird .is-6.offset-9{margin-left:75%}.fl-gird .is-6.offset-10{margin-left:83.33333%}.fl-gird .is-6.offset-11{margin-left:91.66667%}.fl-gird .is-6.offset-12{margin-left:100%}.fl-gird .is-7{width:58.33333%}.fl-gird .is-7.offset-1{margin-left:8.33333%}.fl-gird .is-7.offset-2{margin-left:16.66667%}.fl-gird .is-7.offset-3{margin-left:25%}.fl-gird .is-7.offset-4{margin-left:33.33333%}.fl-gird .is-7.offset-5{margin-left:41.66667%}.fl-gird .is-7.offset-6{margin-left:50%}.fl-gird .is-7.offset-7{margin-left:58.33333%}.fl-gird .is-7.offset-8{margin-left:66.66667%}.fl-gird .is-7.offset-9{margin-left:75%}.fl-gird .is-7.offset-10{margin-left:83.33333%}.fl-gird .is-7.offset-11{margin-left:91.66667%}.fl-gird .is-7.offset-12{margin-left:100%}.fl-gird .is-8{width:66.66667%}.fl-gird .is-8.offset-1{margin-left:8.33333%}.fl-gird .is-8.offset-2{margin-left:16.66667%}.fl-gird .is-8.offset-3{margin-left:25%}.fl-gird .is-8.offset-4{margin-left:33.33333%}.fl-gird .is-8.offset-5{margin-left:41.66667%}.fl-gird .is-8.offset-6{margin-left:50%}.fl-gird .is-8.offset-7{margin-left:58.33333%}.fl-gird .is-8.offset-8{margin-left:66.66667%}.fl-gird .is-8.offset-9{margin-left:75%}.fl-gird .is-8.offset-10{margin-left:83.33333%}.fl-gird .is-8.offset-11{margin-left:91.66667%}.fl-gird .is-8.offset-12{margin-left:100%}.fl-gird .is-9{width:75%}.fl-gird .is-9.offset-1{margin-left:8.33333%}.fl-gird .is-9.offset-2{margin-left:16.66667%}.fl-gird .is-9.offset-3{margin-left:25%}.fl-gird .is-9.offset-4{margin-left:33.33333%}.fl-gird .is-9.offset-5{margin-left:41.66667%}.fl-gird .is-9.offset-6{margin-left:50%}.fl-gird .is-9.offset-7{margin-left:58.33333%}.fl-gird .is-9.offset-8{margin-left:66.66667%}.fl-gird .is-9.offset-9{margin-left:75%}.fl-gird .is-9.offset-10{margin-left:83.33333%}.fl-gird .is-9.offset-11{margin-left:91.66667%}.fl-gird .is-9.offset-12{margin-left:100%}.fl-gird .is-10{width:83.33333%}.fl-gird .is-10.offset-1{margin-left:8.33333%}.fl-gird .is-10.offset-2{margin-left:16.66667%}.fl-gird .is-10.offset-3{margin-left:25%}.fl-gird .is-10.offset-4{margin-left:33.33333%}.fl-gird .is-10.offset-5{margin-left:41.66667%}.fl-gird .is-10.offset-6{margin-left:50%}.fl-gird .is-10.offset-7{margin-left:58.33333%}.fl-gird .is-10.offset-8{margin-left:66.66667%}.fl-gird .is-10.offset-9{margin-left:75%}.fl-gird .is-10.offset-10{margin-left:83.33333%}.fl-gird .is-10.offset-11{margin-left:91.66667%}.fl-gird .is-10.offset-12{margin-left:100%}.fl-gird .is-11{width:91.66667%}.fl-gird .is-11.offset-1{margin-left:8.33333%}.fl-gird .is-11.offset-2{margin-left:16.66667%}.fl-gird .is-11.offset-3{margin-left:25%}.fl-gird .is-11.offset-4{margin-left:33.33333%}.fl-gird .is-11.offset-5{margin-left:41.66667%}.fl-gird .is-11.offset-6{margin-left:50%}.fl-gird .is-11.offset-7{margin-left:58.33333%}.fl-gird .is-11.offset-8{margin-left:66.66667%}.fl-gird .is-11.offset-9{margin-left:75%}.fl-gird .is-11.offset-10{margin-left:83.33333%}.fl-gird .is-11.offset-11{margin-left:91.66667%}.fl-gird .is-11.offset-12{margin-left:100%}.fl-gird .is-12{width:100%}.fl-gird .is-12.offset-1{margin-left:8.33333%}.fl-gird .is-12.offset-2{margin-left:16.66667%}.fl-gird .is-12.offset-3{margin-left:25%}.fl-gird .is-12.offset-4{margin-left:33.33333%}.fl-gird .is-12.offset-5{margin-left:41.66667%}.fl-gird .is-12.offset-6{margin-left:50%}.fl-gird .is-12.offset-7{margin-left:58.33333%}.fl-gird .is-12.offset-8{margin-left:66.66667%}.fl-gird .is-12.offset-9{margin-left:75%}.fl-gird .is-12.offset-10{margin-left:83.33333%}.fl-gird .is-12.offset-11{margin-left:91.66667%}.fl-gird .is-12.offset-12{margin-left:100%}@media screen and (max-width:768px){.fa-gird .is-media1-1,.fl-gird .is-media1-1{width:8.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-1,.fl-gird .is-media2-1{width:8.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-1,.fl-gird .is-media3-1{width:8.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-1,.fl-gird .is-media4-1{width:8.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-2,.fl-gird .is-media1-2{width:16.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-2,.fl-gird .is-media2-2{width:16.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-2,.fl-gird .is-media3-2{width:16.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-2,.fl-gird .is-media4-2{width:16.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-3,.fl-gird .is-media1-3{width:25%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-3,.fl-gird .is-media2-3{width:25%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-3,.fl-gird .is-media3-3{width:25%}}@media screen and (min-width:1200px){.fa-gird .is-media4-3,.fl-gird .is-media4-3{width:25%}}@media screen and (max-width:768px){.fa-gird .is-media1-4,.fl-gird .is-media1-4{width:33.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-4,.fl-gird .is-media2-4{width:33.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-4,.fl-gird .is-media3-4{width:33.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-4,.fl-gird .is-media4-4{width:33.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-5,.fl-gird .is-media1-5{width:41.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-5,.fl-gird .is-media2-5{width:41.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-5,.fl-gird .is-media3-5{width:41.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-5,.fl-gird .is-media4-5{width:41.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-6,.fl-gird .is-media1-6{width:50%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-6,.fl-gird .is-media2-6{width:50%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-6,.fl-gird .is-media3-6{width:50%}}@media screen and (min-width:1200px){.fa-gird .is-media4-6,.fl-gird .is-media4-6{width:50%}}@media screen and (max-width:768px){.fa-gird .is-media1-7,.fl-gird .is-media1-7{width:58.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-7,.fl-gird .is-media2-7{width:58.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-7,.fl-gird .is-media3-7{width:58.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-7,.fl-gird .is-media4-7{width:58.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-8,.fl-gird .is-media1-8{width:66.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-8,.fl-gird .is-media2-8{width:66.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-8,.fl-gird .is-media3-8{width:66.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-8,.fl-gird .is-media4-8{width:66.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-9,.fl-gird .is-media1-9{width:75%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-9,.fl-gird .is-media2-9{width:75%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-9,.fl-gird .is-media3-9{width:75%}}@media screen and (min-width:1200px){.fa-gird .is-media4-9,.fl-gird .is-media4-9{width:75%}}@media screen and (max-width:768px){.fa-gird .is-media1-10,.fl-gird .is-media1-10{width:83.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-10,.fl-gird .is-media2-10{width:83.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-10,.fl-gird .is-media3-10{width:83.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-10,.fl-gird .is-media4-10{width:83.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-11,.fl-gird .is-media1-11{width:91.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-11,.fl-gird .is-media2-11{width:91.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-11,.fl-gird .is-media3-11{width:91.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-11,.fl-gird .is-media4-11{width:91.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-12,.fl-gird .is-media1-12{width:100%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-12,.fl-gird .is-media2-12{width:100%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-12,.fl-gird .is-media3-12{width:100%}}@media screen and (min-width:1200px){.fa-gird .is-media4-12,.fl-gird .is-media4-12{width:100%}}.nav{height:60px;user-select:none}.nav,.nav .control{display:flex;align-items:center}.nav .control{background:#fff;flex-shrink:0;z-index:2}.nav .control .list{display:none}.nav a.link{display:inline-block;line-height:60px;height:60px;padding:0 1rem;color:#47aafe;cursor:pointer}.nav a.link:hover{background:#f7fbff;color:#47aafe}.nav .logo{background:transparent;line-height:0;margin-right:1rem}.nav .content{display:flex;width:100%}.nav-control,.nav .content .right{margin-left:auto}.nav-control{display:none;line-height:60px;height:60px;width:60px;text-align:center;padding:0 1rem;position:relative;cursor:pointer}.nav-control span{height:2px;width:15px;background:#333;position:absolute;transition:transform 86ms ease-out;top:calc(50% - 1px)}.nav-control span:first-of-type{top:calc(50% - 6px)}.nav-control span:last-of-type{top:calc(50% + 4px)}.nav.active .nav-control span{display:none}.nav.active .nav-control span:first-of-type{transform:translateY(5px) rotate(45deg);display:block}.nav.active .nav-control span:last-of-type{transform:translateY(-5px) rotate(-45deg);display:block;transform-origin:center}@media screen and (max-width:992px){.nav{position:relative}.nav .control{flex-basis:100%}.nav .control .list,.nav .control .nav-control{display:block}.nav .content{display:block;z-index:1;position:absolute;background:#fff;padding:.5rem 0;top:100%;left:0;right:0;transform:translateY(-10%);transition:transform .09s ease-out,opacity .07s;visibility:hidden;opacity:0}.nav.active .content{transform:translateY(0);visibility:visible;opacity:1}.nav.active .content .link{display:block}} -------------------------------------------------------------------------------- /docs/NicoUI.9aa03b22.css: -------------------------------------------------------------------------------- 1 | /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}audio,embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}html{background:#fff;font-size:16px;min-width:375px}body{font-size:1rem;color:#3b3f50;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}a{color:#47aafe;text-decoration:none}a:hover{color:#275ab7}.meta{color:#7c8194;font-size:.8rem}.btn i.icon{display:inline-block;width:.9rem}.btn i.icon.right{padding-left:.5rem}.btn i.icon.left{padding-right:.3rem}.btn.large i.icon.right{padding-left:.7rem}.btn.large i.icon.left{padding-right:1.3rem}.btn{color:#7c8194;border:1px solid #f0f0f0;outline:none;padding:.5rem 1rem;cursor:default;border-radius:4px;font-size:.8rem;display:inline-block}.btn.block{display:block}a.btn{cursor:pointer}.btn:hover{color:#4c505e;border:1px solid #e3e3e3}.btn.large{font-size:.9rem;padding:.7rem 1.2rem}.btn.small{font-size:.7rem;padding:.3rem .7rem}.btn.text{border:none}.btn.green{color:#fff;background:#59d99e;border-color:#59d99e}.btn.green:hover{background:#48d594}.btn.green.outline{color:#59d99e;background:transparent;border-color:#59d99e;transition:background .2s}.btn.green.outline:hover{background:#59d99e;color:#fff}.btn.blue{color:#fff;background:#47aafe;border-color:#47aafe}.btn.blue:hover{background:#33a1fe}.btn.blue.outline{color:#47aafe;background:transparent;border-color:#47aafe;transition:background .2s}.btn.blue.outline:hover{background:#47aafe;color:#fff}.btn.yellow{color:#fff;background:#ffae6b;border-color:#ffae6b}.btn.yellow:hover{background:#ffa357}.btn.yellow.outline{color:#ffae6b;background:transparent;border-color:#ffae6b;transition:background .2s}.btn.yellow.outline:hover{background:#ffae6b;color:#fff}.btn.red{color:#fff;background:#f96868;border-color:#f96868}.btn.red:hover{background:#f85454}.btn.red.outline{color:#f96868;background:transparent;border-color:#f96868;transition:background .2s}.btn.red.outline:hover{background:#f96868;color:#fff}.text-dark{color:#3b3f50}.bg-dark{background:#3b3f50}.text-light{color:#f0f0f0}.bg-light{background:#f0f0f0}.text-gray{color:#7c8194}.bg-gray{background:#7c8194}.text-blue{color:#47aafe}.bg-blue{background:#47aafe}.text-deep-blue{color:#275ab7}.bg-deep-blue{background:#275ab7}.text-red{color:#f96868}.bg-red{background:#f96868}.text-yellow{color:#ffae6b}.bg-yellow{background:#ffae6b}.text-green{color:#59d99e}.bg-green{background:#59d99e}.text-right{text-aligh:right}.text-left{text-align:left}.p1rem{padding:1rem}.m1rem{margin:1rem}.p51rem{padding:.5rem 1rem}.m51rem{margin:.5rem 1rem}.f8{font-size:.8rem}.f9{font-size:.9rem}.f1{font-size:1rem}.f12{font-size:1.2rem}.f14{font-size:1.4rem}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-center{display:flex;align-items:center;justify-content:center}.clearfix:after{content:" ";display:table;clear:both}#container,.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container{width:100%}@media screen and (min-width:576px){.container{max-width:540px}}@media screen and (min-width:768px){.container{max-width:720px}}@media screen and (min-width:992px){.container{max-width:960px}}@media screen and (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%}.fa-gird:after{content:"";display:table;clear:both}.fa-gird .is-1{float:left;clear:none;text-align:inherit;width:5.58333%;margin-left:0;margin-right:3%}.fa-gird .is-1:after{content:"";display:table;clear:both}.fa-gird .is-1:last-child{margin-right:0}.fa-gird .is-1.offset-1{margin-left:8.33333%}.fa-gird .is-1.offset-2{margin-left:16.66667%}.fa-gird .is-1.offset-3{margin-left:25%}.fa-gird .is-1.offset-4{margin-left:33.33333%}.fa-gird .is-1.offset-5{margin-left:41.66667%}.fa-gird .is-1.offset-6{margin-left:50%}.fa-gird .is-1.offset-7{margin-left:58.33333%}.fa-gird .is-1.offset-8{margin-left:66.66667%}.fa-gird .is-1.offset-9{margin-left:75%}.fa-gird .is-1.offset-10{margin-left:83.33333%}.fa-gird .is-1.offset-11{margin-left:91.66667%}.fa-gird .is-1.offset-12{margin-left:100%}.fa-gird .is-2{float:left;clear:none;text-align:inherit;width:14.16667%;margin-left:0;margin-right:3%}.fa-gird .is-2:after{content:"";display:table;clear:both}.fa-gird .is-2:last-child{margin-right:0}.fa-gird .is-2.offset-1{margin-left:8.33333%}.fa-gird .is-2.offset-2{margin-left:16.66667%}.fa-gird .is-2.offset-3{margin-left:25%}.fa-gird .is-2.offset-4{margin-left:33.33333%}.fa-gird .is-2.offset-5{margin-left:41.66667%}.fa-gird .is-2.offset-6{margin-left:50%}.fa-gird .is-2.offset-7{margin-left:58.33333%}.fa-gird .is-2.offset-8{margin-left:66.66667%}.fa-gird .is-2.offset-9{margin-left:75%}.fa-gird .is-2.offset-10{margin-left:83.33333%}.fa-gird .is-2.offset-11{margin-left:91.66667%}.fa-gird .is-2.offset-12{margin-left:100%}.fa-gird .is-3{float:left;clear:none;text-align:inherit;width:22.75%;margin-left:0;margin-right:3%}.fa-gird .is-3:after{content:"";display:table;clear:both}.fa-gird .is-3:last-child{margin-right:0}.fa-gird .is-3.offset-1{margin-left:8.33333%}.fa-gird .is-3.offset-2{margin-left:16.66667%}.fa-gird .is-3.offset-3{margin-left:25%}.fa-gird .is-3.offset-4{margin-left:33.33333%}.fa-gird .is-3.offset-5{margin-left:41.66667%}.fa-gird .is-3.offset-6{margin-left:50%}.fa-gird .is-3.offset-7{margin-left:58.33333%}.fa-gird .is-3.offset-8{margin-left:66.66667%}.fa-gird .is-3.offset-9{margin-left:75%}.fa-gird .is-3.offset-10{margin-left:83.33333%}.fa-gird .is-3.offset-11{margin-left:91.66667%}.fa-gird .is-3.offset-12{margin-left:100%}.fa-gird .is-4{float:left;clear:none;text-align:inherit;width:31.33333%;margin-left:0;margin-right:3%}.fa-gird .is-4:after{content:"";display:table;clear:both}.fa-gird .is-4:last-child{margin-right:0}.fa-gird .is-4.offset-1{margin-left:8.33333%}.fa-gird .is-4.offset-2{margin-left:16.66667%}.fa-gird .is-4.offset-3{margin-left:25%}.fa-gird .is-4.offset-4{margin-left:33.33333%}.fa-gird .is-4.offset-5{margin-left:41.66667%}.fa-gird .is-4.offset-6{margin-left:50%}.fa-gird .is-4.offset-7{margin-left:58.33333%}.fa-gird .is-4.offset-8{margin-left:66.66667%}.fa-gird .is-4.offset-9{margin-left:75%}.fa-gird .is-4.offset-10{margin-left:83.33333%}.fa-gird .is-4.offset-11{margin-left:91.66667%}.fa-gird .is-4.offset-12{margin-left:100%}.fa-gird .is-5{float:left;clear:none;text-align:inherit;width:39.91667%;margin-left:0;margin-right:3%}.fa-gird .is-5:after{content:"";display:table;clear:both}.fa-gird .is-5:last-child{margin-right:0}.fa-gird .is-5.offset-1{margin-left:8.33333%}.fa-gird .is-5.offset-2{margin-left:16.66667%}.fa-gird .is-5.offset-3{margin-left:25%}.fa-gird .is-5.offset-4{margin-left:33.33333%}.fa-gird .is-5.offset-5{margin-left:41.66667%}.fa-gird .is-5.offset-6{margin-left:50%}.fa-gird .is-5.offset-7{margin-left:58.33333%}.fa-gird .is-5.offset-8{margin-left:66.66667%}.fa-gird .is-5.offset-9{margin-left:75%}.fa-gird .is-5.offset-10{margin-left:83.33333%}.fa-gird .is-5.offset-11{margin-left:91.66667%}.fa-gird .is-5.offset-12{margin-left:100%}.fa-gird .is-6{float:left;clear:none;text-align:inherit;width:48.5%;margin-left:0;margin-right:3%}.fa-gird .is-6:after{content:"";display:table;clear:both}.fa-gird .is-6:last-child{margin-right:0}.fa-gird .is-6.offset-1{margin-left:8.33333%}.fa-gird .is-6.offset-2{margin-left:16.66667%}.fa-gird .is-6.offset-3{margin-left:25%}.fa-gird .is-6.offset-4{margin-left:33.33333%}.fa-gird .is-6.offset-5{margin-left:41.66667%}.fa-gird .is-6.offset-6{margin-left:50%}.fa-gird .is-6.offset-7{margin-left:58.33333%}.fa-gird .is-6.offset-8{margin-left:66.66667%}.fa-gird .is-6.offset-9{margin-left:75%}.fa-gird .is-6.offset-10{margin-left:83.33333%}.fa-gird .is-6.offset-11{margin-left:91.66667%}.fa-gird .is-6.offset-12{margin-left:100%}.fa-gird .is-7{float:left;clear:none;text-align:inherit;width:57.08333%;margin-left:0;margin-right:3%}.fa-gird .is-7:after{content:"";display:table;clear:both}.fa-gird .is-7:last-child{margin-right:0}.fa-gird .is-7.offset-1{margin-left:8.33333%}.fa-gird .is-7.offset-2{margin-left:16.66667%}.fa-gird .is-7.offset-3{margin-left:25%}.fa-gird .is-7.offset-4{margin-left:33.33333%}.fa-gird .is-7.offset-5{margin-left:41.66667%}.fa-gird .is-7.offset-6{margin-left:50%}.fa-gird .is-7.offset-7{margin-left:58.33333%}.fa-gird .is-7.offset-8{margin-left:66.66667%}.fa-gird .is-7.offset-9{margin-left:75%}.fa-gird .is-7.offset-10{margin-left:83.33333%}.fa-gird .is-7.offset-11{margin-left:91.66667%}.fa-gird .is-7.offset-12{margin-left:100%}.fa-gird .is-8{float:left;clear:none;text-align:inherit;width:65.66667%;margin-left:0;margin-right:3%}.fa-gird .is-8:after{content:"";display:table;clear:both}.fa-gird .is-8:last-child{margin-right:0}.fa-gird .is-8.offset-1{margin-left:8.33333%}.fa-gird .is-8.offset-2{margin-left:16.66667%}.fa-gird .is-8.offset-3{margin-left:25%}.fa-gird .is-8.offset-4{margin-left:33.33333%}.fa-gird .is-8.offset-5{margin-left:41.66667%}.fa-gird .is-8.offset-6{margin-left:50%}.fa-gird .is-8.offset-7{margin-left:58.33333%}.fa-gird .is-8.offset-8{margin-left:66.66667%}.fa-gird .is-8.offset-9{margin-left:75%}.fa-gird .is-8.offset-10{margin-left:83.33333%}.fa-gird .is-8.offset-11{margin-left:91.66667%}.fa-gird .is-8.offset-12{margin-left:100%}.fa-gird .is-9{float:left;clear:none;text-align:inherit;width:74.25%;margin-left:0;margin-right:3%}.fa-gird .is-9:after{content:"";display:table;clear:both}.fa-gird .is-9:last-child{margin-right:0}.fa-gird .is-9.offset-1{margin-left:8.33333%}.fa-gird .is-9.offset-2{margin-left:16.66667%}.fa-gird .is-9.offset-3{margin-left:25%}.fa-gird .is-9.offset-4{margin-left:33.33333%}.fa-gird .is-9.offset-5{margin-left:41.66667%}.fa-gird .is-9.offset-6{margin-left:50%}.fa-gird .is-9.offset-7{margin-left:58.33333%}.fa-gird .is-9.offset-8{margin-left:66.66667%}.fa-gird .is-9.offset-9{margin-left:75%}.fa-gird .is-9.offset-10{margin-left:83.33333%}.fa-gird .is-9.offset-11{margin-left:91.66667%}.fa-gird .is-9.offset-12{margin-left:100%}.fa-gird .is-10{float:left;clear:none;text-align:inherit;width:82.83333%;margin-left:0;margin-right:3%}.fa-gird .is-10:after{content:"";display:table;clear:both}.fa-gird .is-10:last-child{margin-right:0}.fa-gird .is-10.offset-1{margin-left:8.33333%}.fa-gird .is-10.offset-2{margin-left:16.66667%}.fa-gird .is-10.offset-3{margin-left:25%}.fa-gird .is-10.offset-4{margin-left:33.33333%}.fa-gird .is-10.offset-5{margin-left:41.66667%}.fa-gird .is-10.offset-6{margin-left:50%}.fa-gird .is-10.offset-7{margin-left:58.33333%}.fa-gird .is-10.offset-8{margin-left:66.66667%}.fa-gird .is-10.offset-9{margin-left:75%}.fa-gird .is-10.offset-10{margin-left:83.33333%}.fa-gird .is-10.offset-11{margin-left:91.66667%}.fa-gird .is-10.offset-12{margin-left:100%}.fa-gird .is-11{float:left;clear:none;text-align:inherit;width:91.41667%;margin-left:0;margin-right:3%}.fa-gird .is-11:after{content:"";display:table;clear:both}.fa-gird .is-11:last-child{margin-right:0}.fa-gird .is-11.offset-1{margin-left:8.33333%}.fa-gird .is-11.offset-2{margin-left:16.66667%}.fa-gird .is-11.offset-3{margin-left:25%}.fa-gird .is-11.offset-4{margin-left:33.33333%}.fa-gird .is-11.offset-5{margin-left:41.66667%}.fa-gird .is-11.offset-6{margin-left:50%}.fa-gird .is-11.offset-7{margin-left:58.33333%}.fa-gird .is-11.offset-8{margin-left:66.66667%}.fa-gird .is-11.offset-9{margin-left:75%}.fa-gird .is-11.offset-10{margin-left:83.33333%}.fa-gird .is-11.offset-11{margin-left:91.66667%}.fa-gird .is-11.offset-12{margin-left:100%}.fa-gird .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.fa-gird .is-12:after{content:"";display:table;clear:both}.fa-gird .is-12:last-child{margin-right:0}.fa-gird .is-12.offset-1{margin-left:8.33333%}.fa-gird .is-12.offset-2{margin-left:16.66667%}.fa-gird .is-12.offset-3{margin-left:25%}.fa-gird .is-12.offset-4{margin-left:33.33333%}.fa-gird .is-12.offset-5{margin-left:41.66667%}.fa-gird .is-12.offset-6{margin-left:50%}.fa-gird .is-12.offset-7{margin-left:58.33333%}.fa-gird .is-12.offset-8{margin-left:66.66667%}.fa-gird .is-12.offset-9{margin-left:75%}.fa-gird .is-12.offset-10{margin-left:83.33333%}.fa-gird .is-12.offset-11{margin-left:91.66667%}.fa-gird .is-12.offset-12{margin-left:100%}.fa-gird.span .is-1{float:left;clear:none;text-align:inherit;width:8.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-1:after{content:"";display:table;clear:both}.fa-gird.span .is-2{float:left;clear:none;text-align:inherit;width:16.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-2:after{content:"";display:table;clear:both}.fa-gird.span .is-3{float:left;clear:none;text-align:inherit;width:25%;margin-left:0;margin-right:0}.fa-gird.span .is-3:after{content:"";display:table;clear:both}.fa-gird.span .is-4{float:left;clear:none;text-align:inherit;width:33.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-4:after{content:"";display:table;clear:both}.fa-gird.span .is-5{float:left;clear:none;text-align:inherit;width:41.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-5:after{content:"";display:table;clear:both}.fa-gird.span .is-6{float:left;clear:none;text-align:inherit;width:50%;margin-left:0;margin-right:0}.fa-gird.span .is-6:after{content:"";display:table;clear:both}.fa-gird.span .is-7{float:left;clear:none;text-align:inherit;width:58.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-7:after{content:"";display:table;clear:both}.fa-gird.span .is-8{float:left;clear:none;text-align:inherit;width:66.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-8:after{content:"";display:table;clear:both}.fa-gird.span .is-9{float:left;clear:none;text-align:inherit;width:75%;margin-left:0;margin-right:0}.fa-gird.span .is-9:after{content:"";display:table;clear:both}.fa-gird.span .is-10{float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-10:after{content:"";display:table;clear:both}.fa-gird.span .is-11{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-11:after{content:"";display:table;clear:both}.fa-gird.span .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:0}.fa-gird.span .is-12:after{content:"";display:table;clear:both}.fl-gird{display:flex;flex-wrap:wrap}.fl-gird.row{flex-wrap:no-wrap}.fl-gird.kj{flex-direction:row-reverse}.fl-gird.jn{flex-direction:column}.fl-gird.nj{flex-direction:column-reverse}.fl-gird.u{justify-content:center}.fl-gird.t{justify-content:flex-start}.fl-gird.o{justify-content:flex-right}.fl-gird.tuo{justify-content:space-between}.fl-gird.yui{justify-content:space-around}.fl-gird .is-1{width:8.33333%}.fl-gird .is-1.offset-1{margin-left:8.33333%}.fl-gird .is-1.offset-2{margin-left:16.66667%}.fl-gird .is-1.offset-3{margin-left:25%}.fl-gird .is-1.offset-4{margin-left:33.33333%}.fl-gird .is-1.offset-5{margin-left:41.66667%}.fl-gird .is-1.offset-6{margin-left:50%}.fl-gird .is-1.offset-7{margin-left:58.33333%}.fl-gird .is-1.offset-8{margin-left:66.66667%}.fl-gird .is-1.offset-9{margin-left:75%}.fl-gird .is-1.offset-10{margin-left:83.33333%}.fl-gird .is-1.offset-11{margin-left:91.66667%}.fl-gird .is-1.offset-12{margin-left:100%}.fl-gird .is-2{width:16.66667%}.fl-gird .is-2.offset-1{margin-left:8.33333%}.fl-gird .is-2.offset-2{margin-left:16.66667%}.fl-gird .is-2.offset-3{margin-left:25%}.fl-gird .is-2.offset-4{margin-left:33.33333%}.fl-gird .is-2.offset-5{margin-left:41.66667%}.fl-gird .is-2.offset-6{margin-left:50%}.fl-gird .is-2.offset-7{margin-left:58.33333%}.fl-gird .is-2.offset-8{margin-left:66.66667%}.fl-gird .is-2.offset-9{margin-left:75%}.fl-gird .is-2.offset-10{margin-left:83.33333%}.fl-gird .is-2.offset-11{margin-left:91.66667%}.fl-gird .is-2.offset-12{margin-left:100%}.fl-gird .is-3{width:25%}.fl-gird .is-3.offset-1{margin-left:8.33333%}.fl-gird .is-3.offset-2{margin-left:16.66667%}.fl-gird .is-3.offset-3{margin-left:25%}.fl-gird .is-3.offset-4{margin-left:33.33333%}.fl-gird .is-3.offset-5{margin-left:41.66667%}.fl-gird .is-3.offset-6{margin-left:50%}.fl-gird .is-3.offset-7{margin-left:58.33333%}.fl-gird .is-3.offset-8{margin-left:66.66667%}.fl-gird .is-3.offset-9{margin-left:75%}.fl-gird .is-3.offset-10{margin-left:83.33333%}.fl-gird .is-3.offset-11{margin-left:91.66667%}.fl-gird .is-3.offset-12{margin-left:100%}.fl-gird .is-4{width:33.33333%}.fl-gird .is-4.offset-1{margin-left:8.33333%}.fl-gird .is-4.offset-2{margin-left:16.66667%}.fl-gird .is-4.offset-3{margin-left:25%}.fl-gird .is-4.offset-4{margin-left:33.33333%}.fl-gird .is-4.offset-5{margin-left:41.66667%}.fl-gird .is-4.offset-6{margin-left:50%}.fl-gird .is-4.offset-7{margin-left:58.33333%}.fl-gird .is-4.offset-8{margin-left:66.66667%}.fl-gird .is-4.offset-9{margin-left:75%}.fl-gird .is-4.offset-10{margin-left:83.33333%}.fl-gird .is-4.offset-11{margin-left:91.66667%}.fl-gird .is-4.offset-12{margin-left:100%}.fl-gird .is-5{width:41.66667%}.fl-gird .is-5.offset-1{margin-left:8.33333%}.fl-gird .is-5.offset-2{margin-left:16.66667%}.fl-gird .is-5.offset-3{margin-left:25%}.fl-gird .is-5.offset-4{margin-left:33.33333%}.fl-gird .is-5.offset-5{margin-left:41.66667%}.fl-gird .is-5.offset-6{margin-left:50%}.fl-gird .is-5.offset-7{margin-left:58.33333%}.fl-gird .is-5.offset-8{margin-left:66.66667%}.fl-gird .is-5.offset-9{margin-left:75%}.fl-gird .is-5.offset-10{margin-left:83.33333%}.fl-gird .is-5.offset-11{margin-left:91.66667%}.fl-gird .is-5.offset-12{margin-left:100%}.fl-gird .is-6{width:50%}.fl-gird .is-6.offset-1{margin-left:8.33333%}.fl-gird .is-6.offset-2{margin-left:16.66667%}.fl-gird .is-6.offset-3{margin-left:25%}.fl-gird .is-6.offset-4{margin-left:33.33333%}.fl-gird .is-6.offset-5{margin-left:41.66667%}.fl-gird .is-6.offset-6{margin-left:50%}.fl-gird .is-6.offset-7{margin-left:58.33333%}.fl-gird .is-6.offset-8{margin-left:66.66667%}.fl-gird .is-6.offset-9{margin-left:75%}.fl-gird .is-6.offset-10{margin-left:83.33333%}.fl-gird .is-6.offset-11{margin-left:91.66667%}.fl-gird .is-6.offset-12{margin-left:100%}.fl-gird .is-7{width:58.33333%}.fl-gird .is-7.offset-1{margin-left:8.33333%}.fl-gird .is-7.offset-2{margin-left:16.66667%}.fl-gird .is-7.offset-3{margin-left:25%}.fl-gird .is-7.offset-4{margin-left:33.33333%}.fl-gird .is-7.offset-5{margin-left:41.66667%}.fl-gird .is-7.offset-6{margin-left:50%}.fl-gird .is-7.offset-7{margin-left:58.33333%}.fl-gird .is-7.offset-8{margin-left:66.66667%}.fl-gird .is-7.offset-9{margin-left:75%}.fl-gird .is-7.offset-10{margin-left:83.33333%}.fl-gird .is-7.offset-11{margin-left:91.66667%}.fl-gird .is-7.offset-12{margin-left:100%}.fl-gird .is-8{width:66.66667%}.fl-gird .is-8.offset-1{margin-left:8.33333%}.fl-gird .is-8.offset-2{margin-left:16.66667%}.fl-gird .is-8.offset-3{margin-left:25%}.fl-gird .is-8.offset-4{margin-left:33.33333%}.fl-gird .is-8.offset-5{margin-left:41.66667%}.fl-gird .is-8.offset-6{margin-left:50%}.fl-gird .is-8.offset-7{margin-left:58.33333%}.fl-gird .is-8.offset-8{margin-left:66.66667%}.fl-gird .is-8.offset-9{margin-left:75%}.fl-gird .is-8.offset-10{margin-left:83.33333%}.fl-gird .is-8.offset-11{margin-left:91.66667%}.fl-gird .is-8.offset-12{margin-left:100%}.fl-gird .is-9{width:75%}.fl-gird .is-9.offset-1{margin-left:8.33333%}.fl-gird .is-9.offset-2{margin-left:16.66667%}.fl-gird .is-9.offset-3{margin-left:25%}.fl-gird .is-9.offset-4{margin-left:33.33333%}.fl-gird .is-9.offset-5{margin-left:41.66667%}.fl-gird .is-9.offset-6{margin-left:50%}.fl-gird .is-9.offset-7{margin-left:58.33333%}.fl-gird .is-9.offset-8{margin-left:66.66667%}.fl-gird .is-9.offset-9{margin-left:75%}.fl-gird .is-9.offset-10{margin-left:83.33333%}.fl-gird .is-9.offset-11{margin-left:91.66667%}.fl-gird .is-9.offset-12{margin-left:100%}.fl-gird .is-10{width:83.33333%}.fl-gird .is-10.offset-1{margin-left:8.33333%}.fl-gird .is-10.offset-2{margin-left:16.66667%}.fl-gird .is-10.offset-3{margin-left:25%}.fl-gird .is-10.offset-4{margin-left:33.33333%}.fl-gird .is-10.offset-5{margin-left:41.66667%}.fl-gird .is-10.offset-6{margin-left:50%}.fl-gird .is-10.offset-7{margin-left:58.33333%}.fl-gird .is-10.offset-8{margin-left:66.66667%}.fl-gird .is-10.offset-9{margin-left:75%}.fl-gird .is-10.offset-10{margin-left:83.33333%}.fl-gird .is-10.offset-11{margin-left:91.66667%}.fl-gird .is-10.offset-12{margin-left:100%}.fl-gird .is-11{width:91.66667%}.fl-gird .is-11.offset-1{margin-left:8.33333%}.fl-gird .is-11.offset-2{margin-left:16.66667%}.fl-gird .is-11.offset-3{margin-left:25%}.fl-gird .is-11.offset-4{margin-left:33.33333%}.fl-gird .is-11.offset-5{margin-left:41.66667%}.fl-gird .is-11.offset-6{margin-left:50%}.fl-gird .is-11.offset-7{margin-left:58.33333%}.fl-gird .is-11.offset-8{margin-left:66.66667%}.fl-gird .is-11.offset-9{margin-left:75%}.fl-gird .is-11.offset-10{margin-left:83.33333%}.fl-gird .is-11.offset-11{margin-left:91.66667%}.fl-gird .is-11.offset-12{margin-left:100%}.fl-gird .is-12{width:100%}.fl-gird .is-12.offset-1{margin-left:8.33333%}.fl-gird .is-12.offset-2{margin-left:16.66667%}.fl-gird .is-12.offset-3{margin-left:25%}.fl-gird .is-12.offset-4{margin-left:33.33333%}.fl-gird .is-12.offset-5{margin-left:41.66667%}.fl-gird .is-12.offset-6{margin-left:50%}.fl-gird .is-12.offset-7{margin-left:58.33333%}.fl-gird .is-12.offset-8{margin-left:66.66667%}.fl-gird .is-12.offset-9{margin-left:75%}.fl-gird .is-12.offset-10{margin-left:83.33333%}.fl-gird .is-12.offset-11{margin-left:91.66667%}.fl-gird .is-12.offset-12{margin-left:100%}@media screen and (max-width:768px){.fa-gird .is-media1-1,.fl-gird .is-media1-1{width:8.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-1,.fl-gird .is-media2-1{width:8.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-1,.fl-gird .is-media3-1{width:8.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-1,.fl-gird .is-media4-1{width:8.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-2,.fl-gird .is-media1-2{width:16.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-2,.fl-gird .is-media2-2{width:16.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-2,.fl-gird .is-media3-2{width:16.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-2,.fl-gird .is-media4-2{width:16.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-3,.fl-gird .is-media1-3{width:25%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-3,.fl-gird .is-media2-3{width:25%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-3,.fl-gird .is-media3-3{width:25%}}@media screen and (min-width:1200px){.fa-gird .is-media4-3,.fl-gird .is-media4-3{width:25%}}@media screen and (max-width:768px){.fa-gird .is-media1-4,.fl-gird .is-media1-4{width:33.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-4,.fl-gird .is-media2-4{width:33.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-4,.fl-gird .is-media3-4{width:33.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-4,.fl-gird .is-media4-4{width:33.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-5,.fl-gird .is-media1-5{width:41.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-5,.fl-gird .is-media2-5{width:41.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-5,.fl-gird .is-media3-5{width:41.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-5,.fl-gird .is-media4-5{width:41.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-6,.fl-gird .is-media1-6{width:50%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-6,.fl-gird .is-media2-6{width:50%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-6,.fl-gird .is-media3-6{width:50%}}@media screen and (min-width:1200px){.fa-gird .is-media4-6,.fl-gird .is-media4-6{width:50%}}@media screen and (max-width:768px){.fa-gird .is-media1-7,.fl-gird .is-media1-7{width:58.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-7,.fl-gird .is-media2-7{width:58.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-7,.fl-gird .is-media3-7{width:58.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-7,.fl-gird .is-media4-7{width:58.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-8,.fl-gird .is-media1-8{width:66.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-8,.fl-gird .is-media2-8{width:66.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-8,.fl-gird .is-media3-8{width:66.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-8,.fl-gird .is-media4-8{width:66.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-9,.fl-gird .is-media1-9{width:75%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-9,.fl-gird .is-media2-9{width:75%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-9,.fl-gird .is-media3-9{width:75%}}@media screen and (min-width:1200px){.fa-gird .is-media4-9,.fl-gird .is-media4-9{width:75%}}@media screen and (max-width:768px){.fa-gird .is-media1-10,.fl-gird .is-media1-10{width:83.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-10,.fl-gird .is-media2-10{width:83.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-10,.fl-gird .is-media3-10{width:83.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-10,.fl-gird .is-media4-10{width:83.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-11,.fl-gird .is-media1-11{width:91.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-11,.fl-gird .is-media2-11{width:91.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-11,.fl-gird .is-media3-11{width:91.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-11,.fl-gird .is-media4-11{width:91.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-12,.fl-gird .is-media1-12{width:100%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-12,.fl-gird .is-media2-12{width:100%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-12,.fl-gird .is-media3-12{width:100%}}@media screen and (min-width:1200px){.fa-gird .is-media4-12,.fl-gird .is-media4-12{width:100%}}.nav{height:60px;user-select:none}.nav,.nav .control{display:flex;align-items:center}.nav .control{background:#fff;flex-shrink:0;z-index:2}.nav .control .list{display:none}.nav a.link{display:inline-block;line-height:60px;height:60px;padding:0 1rem;color:#47aafe;cursor:pointer}.nav a.link:hover{background:#f7fbff;color:#47aafe}.nav .logo{background:transparent;line-height:0;margin-right:1rem}.nav .content{display:flex;width:100%}.nav-control,.nav .content .right{margin-left:auto}.nav-control{display:none;line-height:60px;height:60px;width:60px;text-align:center;padding:0 1rem;position:relative;cursor:pointer}.nav-control span{height:2px;width:15px;background:#333;position:absolute;transition:transform 86ms ease-out;top:calc(50% - 1px)}.nav-control span:first-of-type{top:calc(50% - 6px)}.nav-control span:last-of-type{top:calc(50% + 4px)}.nav.active .nav-control span{display:none}.nav.active .nav-control span:first-of-type{transform:translateY(5px) rotate(45deg);display:block}.nav.active .nav-control span:last-of-type{transform:translateY(-5px) rotate(-45deg);display:block;transform-origin:center}@media screen and (max-width:992px){.nav{position:relative}.nav .control{flex-basis:100%}.nav .control .list,.nav .control .nav-control{display:block}.nav .content{display:block;z-index:1;position:absolute;background:#fff;padding:.5rem 0;top:100%;left:0;right:0;transform:translateY(-10%);transition:transform .09s ease-out,opacity .07s;visibility:hidden;opacity:0}.nav.active .content{transform:translateY(0);visibility:visible;opacity:1}.nav.active .content .link{display:block}}.field{display:block;margin-bottom:1rem}.field label{float:left;width:10%;text-align:right;font-size:.8rem;margin-top:.4rem;color:#7c8194;font-weight:600}.field input{display:inline-block;width:70%;margin-left:3%;outline:none;height:30px;line-height:30px;font-size:.8rem;padding:.5rem;border:1px solid #f0f0f0;border-radius:.2rem}.field input:focus,.field input:hover{border-color:#a4a4a4}.field input.green{border-color:#59d99e}.field input.green:focus,.field input.green:hover{border-color:#30d086}.field input.blue{border-color:#47aafe}.field input.blue:focus,.field input.blue:hover{border-color:#1493fe}.field input.yellow{border-color:#ffae6b}.field input.yellow:focus,.field input.yellow:hover{border-color:#ff9238}.field input.red{border-color:#f96868}.field input.red:focus,.field input.red:hover{border-color:#f73737}.field input.static{border-color:transparent;padding:.5rem 0}@media screen and (max-width:768px){.field label{display:block;float:none;width:100%;text-align:left;margin-bottom:.5rem}.field input{width:100%;margin-left:0}}.field .control{position:relative;height:30px}.field .control input{width:100%;position:absolute;left:0;right:0;margin-left:0;padding:.5rem 1.5rem}.field .control input:focus~i,.field .control input:hover~i{color:#7c8194}.field .control i{z-index:2;color:#d0d2d9}.field .control i.left{position:absolute;left:.5rem;top:.2rem}.field .control .right{position:absolute;right:.5rem;top:.2rem} -------------------------------------------------------------------------------- /docs/NicoUI.ac95fc37.css: -------------------------------------------------------------------------------- 1 | /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}audio,embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}html{background:#fff;font-size:16px;min-width:375px}body{font-size:1rem;color:#3b3f50;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}a{color:#47aafe;text-decoration:none}a:hover{color:#275ab7}.meta{color:#7c8194;font-size:.8rem}.btn i.icon{display:inline-block;width:.9rem}.btn i.icon.right{padding-left:.5rem}.btn i.icon.left{padding-right:.3rem}.btn.large i.icon.right{padding-left:.7rem}.btn.large i.icon.left{padding-right:1.3rem}.btn{color:#7c8194;border:1px solid #f0f0f0;outline:none;padding:.5rem 1rem;cursor:default;border-radius:4px;font-size:.8rem;display:inline-block}.btn.block{display:block}a.btn{cursor:pointer}.btn:hover{color:#4c505e;border:1px solid #e3e3e3}.btn.large{font-size:.9rem;padding:.7rem 1.2rem}.btn.small{font-size:.7rem;padding:.3rem .7rem}.btn.text{border:none}.btn.green{color:#fff;background:#59d99e;border-color:#59d99e}.btn.green:hover{background:#48d594}.btn.green.outline{color:#59d99e;background:transparent;border-color:#59d99e;transition:background .2s}.btn.green.outline:hover{background:#59d99e;color:#fff}.btn.blue{color:#fff;background:#47aafe;border-color:#47aafe}.btn.blue:hover{background:#33a1fe}.btn.blue.outline{color:#47aafe;background:transparent;border-color:#47aafe;transition:background .2s}.btn.blue.outline:hover{background:#47aafe;color:#fff}.btn.yellow{color:#fff;background:#ffae6b;border-color:#ffae6b}.btn.yellow:hover{background:#ffa357}.btn.yellow.outline{color:#ffae6b;background:transparent;border-color:#ffae6b;transition:background .2s}.btn.yellow.outline:hover{background:#ffae6b;color:#fff}.btn.red{color:#fff;background:#f96868;border-color:#f96868}.btn.red:hover{background:#f85454}.btn.red.outline{color:#f96868;background:transparent;border-color:#f96868;transition:background .2s}.btn.red.outline:hover{background:#f96868;color:#fff}.text-dark{color:#3b3f50}.bg-dark{background:#3b3f50}.text-light{color:#f0f0f0}.bg-light{background:#f0f0f0}.text-gray{color:#7c8194}.bg-gray{background:#7c8194}.text-blue{color:#47aafe}.bg-blue{background:#47aafe}.text-deep-blue{color:#275ab7}.bg-deep-blue{background:#275ab7}.text-red{color:#f96868}.bg-red{background:#f96868}.text-yellow{color:#ffae6b}.bg-yellow{background:#ffae6b}.text-green{color:#59d99e}.bg-green{background:#59d99e}.text-right{text-aligh:right}.text-left{text-align:left}.p1rem{padding:1rem}.m1rem{margin:1rem}.p51rem{padding:.5rem 1rem}.m51rem{margin:.5rem 1rem}.f8{font-size:.8rem}.f9{font-size:.9rem}.f1{font-size:1rem}.f12{font-size:1.2rem}.f14{font-size:1.4rem}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-center{display:flex;align-items:center;justify-content:center}.clearfix:after{content:" ";display:table;clear:both}#container,.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container{width:100%}@media screen and (min-width:576px){.container{max-width:540px}}@media screen and (min-width:768px){.container{max-width:720px}}@media screen and (min-width:992px){.container{max-width:960px}}@media screen and (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%}.fa-gird:after{content:"";display:table;clear:both}.fa-gird .is-1{float:left;clear:none;text-align:inherit;width:5.58333%;margin-left:0;margin-right:3%}.fa-gird .is-1:after{content:"";display:table;clear:both}.fa-gird .is-1:last-child{margin-right:0}.fa-gird .is-1.offset-1{margin-left:8.33333%}.fa-gird .is-1.offset-2{margin-left:16.66667%}.fa-gird .is-1.offset-3{margin-left:25%}.fa-gird .is-1.offset-4{margin-left:33.33333%}.fa-gird .is-1.offset-5{margin-left:41.66667%}.fa-gird .is-1.offset-6{margin-left:50%}.fa-gird .is-1.offset-7{margin-left:58.33333%}.fa-gird .is-1.offset-8{margin-left:66.66667%}.fa-gird .is-1.offset-9{margin-left:75%}.fa-gird .is-1.offset-10{margin-left:83.33333%}.fa-gird .is-1.offset-11{margin-left:91.66667%}.fa-gird .is-1.offset-12{margin-left:100%}.fa-gird .is-2{float:left;clear:none;text-align:inherit;width:14.16667%;margin-left:0;margin-right:3%}.fa-gird .is-2:after{content:"";display:table;clear:both}.fa-gird .is-2:last-child{margin-right:0}.fa-gird .is-2.offset-1{margin-left:8.33333%}.fa-gird .is-2.offset-2{margin-left:16.66667%}.fa-gird .is-2.offset-3{margin-left:25%}.fa-gird .is-2.offset-4{margin-left:33.33333%}.fa-gird .is-2.offset-5{margin-left:41.66667%}.fa-gird .is-2.offset-6{margin-left:50%}.fa-gird .is-2.offset-7{margin-left:58.33333%}.fa-gird .is-2.offset-8{margin-left:66.66667%}.fa-gird .is-2.offset-9{margin-left:75%}.fa-gird .is-2.offset-10{margin-left:83.33333%}.fa-gird .is-2.offset-11{margin-left:91.66667%}.fa-gird .is-2.offset-12{margin-left:100%}.fa-gird .is-3{float:left;clear:none;text-align:inherit;width:22.75%;margin-left:0;margin-right:3%}.fa-gird .is-3:after{content:"";display:table;clear:both}.fa-gird .is-3:last-child{margin-right:0}.fa-gird .is-3.offset-1{margin-left:8.33333%}.fa-gird .is-3.offset-2{margin-left:16.66667%}.fa-gird .is-3.offset-3{margin-left:25%}.fa-gird .is-3.offset-4{margin-left:33.33333%}.fa-gird .is-3.offset-5{margin-left:41.66667%}.fa-gird .is-3.offset-6{margin-left:50%}.fa-gird .is-3.offset-7{margin-left:58.33333%}.fa-gird .is-3.offset-8{margin-left:66.66667%}.fa-gird .is-3.offset-9{margin-left:75%}.fa-gird .is-3.offset-10{margin-left:83.33333%}.fa-gird .is-3.offset-11{margin-left:91.66667%}.fa-gird .is-3.offset-12{margin-left:100%}.fa-gird .is-4{float:left;clear:none;text-align:inherit;width:31.33333%;margin-left:0;margin-right:3%}.fa-gird .is-4:after{content:"";display:table;clear:both}.fa-gird .is-4:last-child{margin-right:0}.fa-gird .is-4.offset-1{margin-left:8.33333%}.fa-gird .is-4.offset-2{margin-left:16.66667%}.fa-gird .is-4.offset-3{margin-left:25%}.fa-gird .is-4.offset-4{margin-left:33.33333%}.fa-gird .is-4.offset-5{margin-left:41.66667%}.fa-gird .is-4.offset-6{margin-left:50%}.fa-gird .is-4.offset-7{margin-left:58.33333%}.fa-gird .is-4.offset-8{margin-left:66.66667%}.fa-gird .is-4.offset-9{margin-left:75%}.fa-gird .is-4.offset-10{margin-left:83.33333%}.fa-gird .is-4.offset-11{margin-left:91.66667%}.fa-gird .is-4.offset-12{margin-left:100%}.fa-gird .is-5{float:left;clear:none;text-align:inherit;width:39.91667%;margin-left:0;margin-right:3%}.fa-gird .is-5:after{content:"";display:table;clear:both}.fa-gird .is-5:last-child{margin-right:0}.fa-gird .is-5.offset-1{margin-left:8.33333%}.fa-gird .is-5.offset-2{margin-left:16.66667%}.fa-gird .is-5.offset-3{margin-left:25%}.fa-gird .is-5.offset-4{margin-left:33.33333%}.fa-gird .is-5.offset-5{margin-left:41.66667%}.fa-gird .is-5.offset-6{margin-left:50%}.fa-gird .is-5.offset-7{margin-left:58.33333%}.fa-gird .is-5.offset-8{margin-left:66.66667%}.fa-gird .is-5.offset-9{margin-left:75%}.fa-gird .is-5.offset-10{margin-left:83.33333%}.fa-gird .is-5.offset-11{margin-left:91.66667%}.fa-gird .is-5.offset-12{margin-left:100%}.fa-gird .is-6{float:left;clear:none;text-align:inherit;width:48.5%;margin-left:0;margin-right:3%}.fa-gird .is-6:after{content:"";display:table;clear:both}.fa-gird .is-6:last-child{margin-right:0}.fa-gird .is-6.offset-1{margin-left:8.33333%}.fa-gird .is-6.offset-2{margin-left:16.66667%}.fa-gird .is-6.offset-3{margin-left:25%}.fa-gird .is-6.offset-4{margin-left:33.33333%}.fa-gird .is-6.offset-5{margin-left:41.66667%}.fa-gird .is-6.offset-6{margin-left:50%}.fa-gird .is-6.offset-7{margin-left:58.33333%}.fa-gird .is-6.offset-8{margin-left:66.66667%}.fa-gird .is-6.offset-9{margin-left:75%}.fa-gird .is-6.offset-10{margin-left:83.33333%}.fa-gird .is-6.offset-11{margin-left:91.66667%}.fa-gird .is-6.offset-12{margin-left:100%}.fa-gird .is-7{float:left;clear:none;text-align:inherit;width:57.08333%;margin-left:0;margin-right:3%}.fa-gird .is-7:after{content:"";display:table;clear:both}.fa-gird .is-7:last-child{margin-right:0}.fa-gird .is-7.offset-1{margin-left:8.33333%}.fa-gird .is-7.offset-2{margin-left:16.66667%}.fa-gird .is-7.offset-3{margin-left:25%}.fa-gird .is-7.offset-4{margin-left:33.33333%}.fa-gird .is-7.offset-5{margin-left:41.66667%}.fa-gird .is-7.offset-6{margin-left:50%}.fa-gird .is-7.offset-7{margin-left:58.33333%}.fa-gird .is-7.offset-8{margin-left:66.66667%}.fa-gird .is-7.offset-9{margin-left:75%}.fa-gird .is-7.offset-10{margin-left:83.33333%}.fa-gird .is-7.offset-11{margin-left:91.66667%}.fa-gird .is-7.offset-12{margin-left:100%}.fa-gird .is-8{float:left;clear:none;text-align:inherit;width:65.66667%;margin-left:0;margin-right:3%}.fa-gird .is-8:after{content:"";display:table;clear:both}.fa-gird .is-8:last-child{margin-right:0}.fa-gird .is-8.offset-1{margin-left:8.33333%}.fa-gird .is-8.offset-2{margin-left:16.66667%}.fa-gird .is-8.offset-3{margin-left:25%}.fa-gird .is-8.offset-4{margin-left:33.33333%}.fa-gird .is-8.offset-5{margin-left:41.66667%}.fa-gird .is-8.offset-6{margin-left:50%}.fa-gird .is-8.offset-7{margin-left:58.33333%}.fa-gird .is-8.offset-8{margin-left:66.66667%}.fa-gird .is-8.offset-9{margin-left:75%}.fa-gird .is-8.offset-10{margin-left:83.33333%}.fa-gird .is-8.offset-11{margin-left:91.66667%}.fa-gird .is-8.offset-12{margin-left:100%}.fa-gird .is-9{float:left;clear:none;text-align:inherit;width:74.25%;margin-left:0;margin-right:3%}.fa-gird .is-9:after{content:"";display:table;clear:both}.fa-gird .is-9:last-child{margin-right:0}.fa-gird .is-9.offset-1{margin-left:8.33333%}.fa-gird .is-9.offset-2{margin-left:16.66667%}.fa-gird .is-9.offset-3{margin-left:25%}.fa-gird .is-9.offset-4{margin-left:33.33333%}.fa-gird .is-9.offset-5{margin-left:41.66667%}.fa-gird .is-9.offset-6{margin-left:50%}.fa-gird .is-9.offset-7{margin-left:58.33333%}.fa-gird .is-9.offset-8{margin-left:66.66667%}.fa-gird .is-9.offset-9{margin-left:75%}.fa-gird .is-9.offset-10{margin-left:83.33333%}.fa-gird .is-9.offset-11{margin-left:91.66667%}.fa-gird .is-9.offset-12{margin-left:100%}.fa-gird .is-10{float:left;clear:none;text-align:inherit;width:82.83333%;margin-left:0;margin-right:3%}.fa-gird .is-10:after{content:"";display:table;clear:both}.fa-gird .is-10:last-child{margin-right:0}.fa-gird .is-10.offset-1{margin-left:8.33333%}.fa-gird .is-10.offset-2{margin-left:16.66667%}.fa-gird .is-10.offset-3{margin-left:25%}.fa-gird .is-10.offset-4{margin-left:33.33333%}.fa-gird .is-10.offset-5{margin-left:41.66667%}.fa-gird .is-10.offset-6{margin-left:50%}.fa-gird .is-10.offset-7{margin-left:58.33333%}.fa-gird .is-10.offset-8{margin-left:66.66667%}.fa-gird .is-10.offset-9{margin-left:75%}.fa-gird .is-10.offset-10{margin-left:83.33333%}.fa-gird .is-10.offset-11{margin-left:91.66667%}.fa-gird .is-10.offset-12{margin-left:100%}.fa-gird .is-11{float:left;clear:none;text-align:inherit;width:91.41667%;margin-left:0;margin-right:3%}.fa-gird .is-11:after{content:"";display:table;clear:both}.fa-gird .is-11:last-child{margin-right:0}.fa-gird .is-11.offset-1{margin-left:8.33333%}.fa-gird .is-11.offset-2{margin-left:16.66667%}.fa-gird .is-11.offset-3{margin-left:25%}.fa-gird .is-11.offset-4{margin-left:33.33333%}.fa-gird .is-11.offset-5{margin-left:41.66667%}.fa-gird .is-11.offset-6{margin-left:50%}.fa-gird .is-11.offset-7{margin-left:58.33333%}.fa-gird .is-11.offset-8{margin-left:66.66667%}.fa-gird .is-11.offset-9{margin-left:75%}.fa-gird .is-11.offset-10{margin-left:83.33333%}.fa-gird .is-11.offset-11{margin-left:91.66667%}.fa-gird .is-11.offset-12{margin-left:100%}.fa-gird .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.fa-gird .is-12:after{content:"";display:table;clear:both}.fa-gird .is-12:last-child{margin-right:0}.fa-gird .is-12.offset-1{margin-left:8.33333%}.fa-gird .is-12.offset-2{margin-left:16.66667%}.fa-gird .is-12.offset-3{margin-left:25%}.fa-gird .is-12.offset-4{margin-left:33.33333%}.fa-gird .is-12.offset-5{margin-left:41.66667%}.fa-gird .is-12.offset-6{margin-left:50%}.fa-gird .is-12.offset-7{margin-left:58.33333%}.fa-gird .is-12.offset-8{margin-left:66.66667%}.fa-gird .is-12.offset-9{margin-left:75%}.fa-gird .is-12.offset-10{margin-left:83.33333%}.fa-gird .is-12.offset-11{margin-left:91.66667%}.fa-gird .is-12.offset-12{margin-left:100%}.fa-gird.span .is-1{float:left;clear:none;text-align:inherit;width:8.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-1:after{content:"";display:table;clear:both}.fa-gird.span .is-2{float:left;clear:none;text-align:inherit;width:16.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-2:after{content:"";display:table;clear:both}.fa-gird.span .is-3{float:left;clear:none;text-align:inherit;width:25%;margin-left:0;margin-right:0}.fa-gird.span .is-3:after{content:"";display:table;clear:both}.fa-gird.span .is-4{float:left;clear:none;text-align:inherit;width:33.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-4:after{content:"";display:table;clear:both}.fa-gird.span .is-5{float:left;clear:none;text-align:inherit;width:41.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-5:after{content:"";display:table;clear:both}.fa-gird.span .is-6{float:left;clear:none;text-align:inherit;width:50%;margin-left:0;margin-right:0}.fa-gird.span .is-6:after{content:"";display:table;clear:both}.fa-gird.span .is-7{float:left;clear:none;text-align:inherit;width:58.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-7:after{content:"";display:table;clear:both}.fa-gird.span .is-8{float:left;clear:none;text-align:inherit;width:66.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-8:after{content:"";display:table;clear:both}.fa-gird.span .is-9{float:left;clear:none;text-align:inherit;width:75%;margin-left:0;margin-right:0}.fa-gird.span .is-9:after{content:"";display:table;clear:both}.fa-gird.span .is-10{float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-10:after{content:"";display:table;clear:both}.fa-gird.span .is-11{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-11:after{content:"";display:table;clear:both}.fa-gird.span .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:0}.fa-gird.span .is-12:after{content:"";display:table;clear:both}.fl-gird{display:flex;flex-wrap:wrap}.fl-gird.row{flex-wrap:no-wrap}.fl-gird.kj{flex-direction:row-reverse}.fl-gird.jn{flex-direction:column}.fl-gird.nj{flex-direction:column-reverse}.fl-gird.u{justify-content:center}.fl-gird.t{justify-content:flex-start}.fl-gird.o{justify-content:flex-right}.fl-gird.tuo{justify-content:space-between}.fl-gird.yui{justify-content:space-around}.fl-gird .is-1{width:8.33333%}.fl-gird .is-1.offset-1{margin-left:8.33333%}.fl-gird .is-1.offset-2{margin-left:16.66667%}.fl-gird .is-1.offset-3{margin-left:25%}.fl-gird .is-1.offset-4{margin-left:33.33333%}.fl-gird .is-1.offset-5{margin-left:41.66667%}.fl-gird .is-1.offset-6{margin-left:50%}.fl-gird .is-1.offset-7{margin-left:58.33333%}.fl-gird .is-1.offset-8{margin-left:66.66667%}.fl-gird .is-1.offset-9{margin-left:75%}.fl-gird .is-1.offset-10{margin-left:83.33333%}.fl-gird .is-1.offset-11{margin-left:91.66667%}.fl-gird .is-1.offset-12{margin-left:100%}.fl-gird .is-2{width:16.66667%}.fl-gird .is-2.offset-1{margin-left:8.33333%}.fl-gird .is-2.offset-2{margin-left:16.66667%}.fl-gird .is-2.offset-3{margin-left:25%}.fl-gird .is-2.offset-4{margin-left:33.33333%}.fl-gird .is-2.offset-5{margin-left:41.66667%}.fl-gird .is-2.offset-6{margin-left:50%}.fl-gird .is-2.offset-7{margin-left:58.33333%}.fl-gird .is-2.offset-8{margin-left:66.66667%}.fl-gird .is-2.offset-9{margin-left:75%}.fl-gird .is-2.offset-10{margin-left:83.33333%}.fl-gird .is-2.offset-11{margin-left:91.66667%}.fl-gird .is-2.offset-12{margin-left:100%}.fl-gird .is-3{width:25%}.fl-gird .is-3.offset-1{margin-left:8.33333%}.fl-gird .is-3.offset-2{margin-left:16.66667%}.fl-gird .is-3.offset-3{margin-left:25%}.fl-gird .is-3.offset-4{margin-left:33.33333%}.fl-gird .is-3.offset-5{margin-left:41.66667%}.fl-gird .is-3.offset-6{margin-left:50%}.fl-gird .is-3.offset-7{margin-left:58.33333%}.fl-gird .is-3.offset-8{margin-left:66.66667%}.fl-gird .is-3.offset-9{margin-left:75%}.fl-gird .is-3.offset-10{margin-left:83.33333%}.fl-gird .is-3.offset-11{margin-left:91.66667%}.fl-gird .is-3.offset-12{margin-left:100%}.fl-gird .is-4{width:33.33333%}.fl-gird .is-4.offset-1{margin-left:8.33333%}.fl-gird .is-4.offset-2{margin-left:16.66667%}.fl-gird .is-4.offset-3{margin-left:25%}.fl-gird .is-4.offset-4{margin-left:33.33333%}.fl-gird .is-4.offset-5{margin-left:41.66667%}.fl-gird .is-4.offset-6{margin-left:50%}.fl-gird .is-4.offset-7{margin-left:58.33333%}.fl-gird .is-4.offset-8{margin-left:66.66667%}.fl-gird .is-4.offset-9{margin-left:75%}.fl-gird .is-4.offset-10{margin-left:83.33333%}.fl-gird .is-4.offset-11{margin-left:91.66667%}.fl-gird .is-4.offset-12{margin-left:100%}.fl-gird .is-5{width:41.66667%}.fl-gird .is-5.offset-1{margin-left:8.33333%}.fl-gird .is-5.offset-2{margin-left:16.66667%}.fl-gird .is-5.offset-3{margin-left:25%}.fl-gird .is-5.offset-4{margin-left:33.33333%}.fl-gird .is-5.offset-5{margin-left:41.66667%}.fl-gird .is-5.offset-6{margin-left:50%}.fl-gird .is-5.offset-7{margin-left:58.33333%}.fl-gird .is-5.offset-8{margin-left:66.66667%}.fl-gird .is-5.offset-9{margin-left:75%}.fl-gird .is-5.offset-10{margin-left:83.33333%}.fl-gird .is-5.offset-11{margin-left:91.66667%}.fl-gird .is-5.offset-12{margin-left:100%}.fl-gird .is-6{width:50%}.fl-gird .is-6.offset-1{margin-left:8.33333%}.fl-gird .is-6.offset-2{margin-left:16.66667%}.fl-gird .is-6.offset-3{margin-left:25%}.fl-gird .is-6.offset-4{margin-left:33.33333%}.fl-gird .is-6.offset-5{margin-left:41.66667%}.fl-gird .is-6.offset-6{margin-left:50%}.fl-gird .is-6.offset-7{margin-left:58.33333%}.fl-gird .is-6.offset-8{margin-left:66.66667%}.fl-gird .is-6.offset-9{margin-left:75%}.fl-gird .is-6.offset-10{margin-left:83.33333%}.fl-gird .is-6.offset-11{margin-left:91.66667%}.fl-gird .is-6.offset-12{margin-left:100%}.fl-gird .is-7{width:58.33333%}.fl-gird .is-7.offset-1{margin-left:8.33333%}.fl-gird .is-7.offset-2{margin-left:16.66667%}.fl-gird .is-7.offset-3{margin-left:25%}.fl-gird .is-7.offset-4{margin-left:33.33333%}.fl-gird .is-7.offset-5{margin-left:41.66667%}.fl-gird .is-7.offset-6{margin-left:50%}.fl-gird .is-7.offset-7{margin-left:58.33333%}.fl-gird .is-7.offset-8{margin-left:66.66667%}.fl-gird .is-7.offset-9{margin-left:75%}.fl-gird .is-7.offset-10{margin-left:83.33333%}.fl-gird .is-7.offset-11{margin-left:91.66667%}.fl-gird .is-7.offset-12{margin-left:100%}.fl-gird .is-8{width:66.66667%}.fl-gird .is-8.offset-1{margin-left:8.33333%}.fl-gird .is-8.offset-2{margin-left:16.66667%}.fl-gird .is-8.offset-3{margin-left:25%}.fl-gird .is-8.offset-4{margin-left:33.33333%}.fl-gird .is-8.offset-5{margin-left:41.66667%}.fl-gird .is-8.offset-6{margin-left:50%}.fl-gird .is-8.offset-7{margin-left:58.33333%}.fl-gird .is-8.offset-8{margin-left:66.66667%}.fl-gird .is-8.offset-9{margin-left:75%}.fl-gird .is-8.offset-10{margin-left:83.33333%}.fl-gird .is-8.offset-11{margin-left:91.66667%}.fl-gird .is-8.offset-12{margin-left:100%}.fl-gird .is-9{width:75%}.fl-gird .is-9.offset-1{margin-left:8.33333%}.fl-gird .is-9.offset-2{margin-left:16.66667%}.fl-gird .is-9.offset-3{margin-left:25%}.fl-gird .is-9.offset-4{margin-left:33.33333%}.fl-gird .is-9.offset-5{margin-left:41.66667%}.fl-gird .is-9.offset-6{margin-left:50%}.fl-gird .is-9.offset-7{margin-left:58.33333%}.fl-gird .is-9.offset-8{margin-left:66.66667%}.fl-gird .is-9.offset-9{margin-left:75%}.fl-gird .is-9.offset-10{margin-left:83.33333%}.fl-gird .is-9.offset-11{margin-left:91.66667%}.fl-gird .is-9.offset-12{margin-left:100%}.fl-gird .is-10{width:83.33333%}.fl-gird .is-10.offset-1{margin-left:8.33333%}.fl-gird .is-10.offset-2{margin-left:16.66667%}.fl-gird .is-10.offset-3{margin-left:25%}.fl-gird .is-10.offset-4{margin-left:33.33333%}.fl-gird .is-10.offset-5{margin-left:41.66667%}.fl-gird .is-10.offset-6{margin-left:50%}.fl-gird .is-10.offset-7{margin-left:58.33333%}.fl-gird .is-10.offset-8{margin-left:66.66667%}.fl-gird .is-10.offset-9{margin-left:75%}.fl-gird .is-10.offset-10{margin-left:83.33333%}.fl-gird .is-10.offset-11{margin-left:91.66667%}.fl-gird .is-10.offset-12{margin-left:100%}.fl-gird .is-11{width:91.66667%}.fl-gird .is-11.offset-1{margin-left:8.33333%}.fl-gird .is-11.offset-2{margin-left:16.66667%}.fl-gird .is-11.offset-3{margin-left:25%}.fl-gird .is-11.offset-4{margin-left:33.33333%}.fl-gird .is-11.offset-5{margin-left:41.66667%}.fl-gird .is-11.offset-6{margin-left:50%}.fl-gird .is-11.offset-7{margin-left:58.33333%}.fl-gird .is-11.offset-8{margin-left:66.66667%}.fl-gird .is-11.offset-9{margin-left:75%}.fl-gird .is-11.offset-10{margin-left:83.33333%}.fl-gird .is-11.offset-11{margin-left:91.66667%}.fl-gird .is-11.offset-12{margin-left:100%}.fl-gird .is-12{width:100%}.fl-gird .is-12.offset-1{margin-left:8.33333%}.fl-gird .is-12.offset-2{margin-left:16.66667%}.fl-gird .is-12.offset-3{margin-left:25%}.fl-gird .is-12.offset-4{margin-left:33.33333%}.fl-gird .is-12.offset-5{margin-left:41.66667%}.fl-gird .is-12.offset-6{margin-left:50%}.fl-gird .is-12.offset-7{margin-left:58.33333%}.fl-gird .is-12.offset-8{margin-left:66.66667%}.fl-gird .is-12.offset-9{margin-left:75%}.fl-gird .is-12.offset-10{margin-left:83.33333%}.fl-gird .is-12.offset-11{margin-left:91.66667%}.fl-gird .is-12.offset-12{margin-left:100%}@media screen and (max-width:768px){.fa-gird .is-media1-1,.fl-gird .is-media1-1{width:8.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-1,.fl-gird .is-media2-1{width:8.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-1,.fl-gird .is-media3-1{width:8.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-1,.fl-gird .is-media4-1{width:8.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-2,.fl-gird .is-media1-2{width:16.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-2,.fl-gird .is-media2-2{width:16.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-2,.fl-gird .is-media3-2{width:16.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-2,.fl-gird .is-media4-2{width:16.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-3,.fl-gird .is-media1-3{width:25%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-3,.fl-gird .is-media2-3{width:25%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-3,.fl-gird .is-media3-3{width:25%}}@media screen and (min-width:1200px){.fa-gird .is-media4-3,.fl-gird .is-media4-3{width:25%}}@media screen and (max-width:768px){.fa-gird .is-media1-4,.fl-gird .is-media1-4{width:33.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-4,.fl-gird .is-media2-4{width:33.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-4,.fl-gird .is-media3-4{width:33.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-4,.fl-gird .is-media4-4{width:33.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-5,.fl-gird .is-media1-5{width:41.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-5,.fl-gird .is-media2-5{width:41.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-5,.fl-gird .is-media3-5{width:41.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-5,.fl-gird .is-media4-5{width:41.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-6,.fl-gird .is-media1-6{width:50%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-6,.fl-gird .is-media2-6{width:50%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-6,.fl-gird .is-media3-6{width:50%}}@media screen and (min-width:1200px){.fa-gird .is-media4-6,.fl-gird .is-media4-6{width:50%}}@media screen and (max-width:768px){.fa-gird .is-media1-7,.fl-gird .is-media1-7{width:58.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-7,.fl-gird .is-media2-7{width:58.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-7,.fl-gird .is-media3-7{width:58.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-7,.fl-gird .is-media4-7{width:58.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-8,.fl-gird .is-media1-8{width:66.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-8,.fl-gird .is-media2-8{width:66.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-8,.fl-gird .is-media3-8{width:66.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-8,.fl-gird .is-media4-8{width:66.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-9,.fl-gird .is-media1-9{width:75%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-9,.fl-gird .is-media2-9{width:75%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-9,.fl-gird .is-media3-9{width:75%}}@media screen and (min-width:1200px){.fa-gird .is-media4-9,.fl-gird .is-media4-9{width:75%}}@media screen and (max-width:768px){.fa-gird .is-media1-10,.fl-gird .is-media1-10{width:83.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-10,.fl-gird .is-media2-10{width:83.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-10,.fl-gird .is-media3-10{width:83.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-10,.fl-gird .is-media4-10{width:83.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-11,.fl-gird .is-media1-11{width:91.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-11,.fl-gird .is-media2-11{width:91.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-11,.fl-gird .is-media3-11{width:91.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-11,.fl-gird .is-media4-11{width:91.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-12,.fl-gird .is-media1-12{width:100%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-12,.fl-gird .is-media2-12{width:100%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-12,.fl-gird .is-media3-12{width:100%}}@media screen and (min-width:1200px){.fa-gird .is-media4-12,.fl-gird .is-media4-12{width:100%}}.nav{height:60px;user-select:none}.nav,.nav .control{display:flex;align-items:center}.nav .control{background:#fff;flex-shrink:0;z-index:2}.nav .control .list{display:none}.nav a.link{display:inline-block;line-height:60px;height:60px;padding:0 1rem;color:#47aafe;cursor:pointer}.nav a.link:hover{background:#f7fbff;color:#47aafe}.nav .logo{background:transparent;line-height:0;margin-right:1rem}.nav .content{display:flex;width:100%}.nav-control,.nav .content .right{margin-left:auto}.nav-control{display:none;line-height:60px;height:60px;width:60px;text-align:center;padding:0 1rem;position:relative;cursor:pointer}.nav-control span{height:2px;width:15px;background:#333;position:absolute;transition:transform 86ms ease-out;top:calc(50% - 1px)}.nav-control span:first-of-type{top:calc(50% - 6px)}.nav-control span:last-of-type{top:calc(50% + 4px)}.nav.active .nav-control span{display:none}.nav.active .nav-control span:first-of-type{transform:translateY(5px) rotate(45deg);display:block}.nav.active .nav-control span:last-of-type{transform:translateY(-5px) rotate(-45deg);display:block;transform-origin:center}@media screen and (max-width:992px){.nav{position:relative}.nav .control{flex-basis:100%}.nav .control .list,.nav .control .nav-control{display:block}.nav .content{display:block;z-index:1;position:absolute;background:#fff;padding:.5rem 0;top:100%;left:0;right:0;transform:translateY(-10%);transition:transform .09s ease-out,opacity .07s;visibility:hidden;opacity:0}.nav.active .content{transform:translateY(0);visibility:visible;opacity:1}.nav.active .content .link{display:block}}.field{display:block;margin-bottom:1rem}.field label{float:left;width:10%;text-align:right;font-size:.8rem;margin-top:.4rem;color:#7c8194;font-weight:600}.field input{display:inline-block;width:70%;margin-left:3%;outline:none;height:30px;line-height:30px;font-size:.8rem;padding:.5rem;border:1px solid #f0f0f0;border-radius:.2rem}.field input:focus,.field input:hover{border-color:#d7d7d7}.field input.green{border-color:#59d99e}.field input.green:focus,.field input.green:hover{border-color:#30d086}.field input.blue{border-color:#47aafe}.field input.blue:focus,.field input.blue:hover{border-color:#1493fe}.field input.yellow{border-color:#ffae6b}.field input.yellow:focus,.field input.yellow:hover{border-color:#ff9238}.field input.red{border-color:#f96868}.field input.red:focus,.field input.red:hover{border-color:#f73737}.field input.static{border-color:transparent;padding:.5rem 0}@media screen and (max-width:768px){.field label{display:block;float:none;width:100%;text-align:left;margin-bottom:.5rem}.field input{width:100%;margin-left:0}}.field .control{position:relative;height:30px}.field .control input{width:100%;position:absolute;left:0;right:0;margin-left:0;padding:.5rem 1.5rem}.field .control input:focus~i,.field .control input:hover~i{color:#7c8194}.field .control i{z-index:2;color:#d0d2d9}.field .control i.left{position:absolute;left:.5rem;top:.2rem}.field .control .right{position:absolute;right:.5rem;top:.2rem}textarea{resize:vertical;width:100%;border:1px solid #f0f0f0;outline:none;min-height:7rem;padding:.5rem}textarea:focus,textarea:hover{border-color:#d7d7d7}textarea.green{border-color:#59d99e}textarea.green:focus,textarea.green:hover{border-color:#30d086}textarea.blue{border-color:#47aafe}textarea.blue:focus,textarea.blue:hover{border-color:#1493fe}textarea.yellow{border-color:#ffae6b}textarea.yellow:focus,textarea.yellow:hover{border-color:#ff9238}textarea.red{border-color:#f96868}textarea.red:focus,textarea.red:hover{border-color:#f73737}.file.green label:first-of-type{color:#fff;background:#59d99e}.file.green label:first-of-type:hover{background:#51d799}.file.blue label:first-of-type{color:#fff;background:#47aafe}.file.blue label:first-of-type:hover{background:#3da5fe}.file.yellow label:first-of-type{color:#fff;background:#ffae6b}.file.yellow label:first-of-type:hover{background:#ffa861}.file.red label:first-of-type{color:#fff;background:#f96868}.file.red label:first-of-type:hover{background:#f95e5e}.file label:first-of-type{display:inline-block;width:12rem;text-align:center;font-size:.9rem;color:#7c8194;background:#f0f0f0;padding:.5rem 2rem;cursor:pointer}.file label:first-of-type:hover{background:#ebebeb}.file label:first-of-type i{margin-right:.5rem}.file .file-name{display:block;font-size:.8rem;width:12rem;border:1px solid #f0f0f0;color:#b4b7c2;padding:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file input[type=file]{display:inline-block;width:.1px;height:.1px;opacity:0}.select{position:relative;max-width:100%}.select.green select{border-color:#59d99e;background:#59d99e;color:#fff}.select.green:after{border-color:#fff}.select.blue select{border-color:#47aafe;background:#47aafe;color:#fff}.select.blue:after{border-color:#fff}.select.yellow select{border-color:#ffae6b;background:#ffae6b;color:#fff}.select.yellow:after{border-color:#fff}.select.red select{border-color:#f96868;background:#f96868;color:#fff}.select.red:after{border-color:#fff}.select select{-webkit-appearance:none;-moz-appearance:none;border:1px solid #f0f0f0;padding:.5rem 2rem .5rem .5rem;display:inline-block;outline:none;margin:.5rem 0}.select:after{border:2px solid #7c8194;border-left:0;border-top:0;content:" ";width:8px;height:8px;display:inline-block;transform:rotate(45deg);position:relative;left:-25px;top:-3px} -------------------------------------------------------------------------------- /docs/NicoUI.249d8d68.css: -------------------------------------------------------------------------------- 1 | /*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}audio,embed,iframe,img,object,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}html{background:#fff;font-size:16px;min-width:375px}body{font-size:1rem;color:#3b3f50;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}a{color:#47aafe;text-decoration:none}a:hover{color:#275ab7}.meta{color:#7c8194;font-size:.8rem}.btn i.icon{display:inline-block;width:.9rem}.btn i.icon.right{padding-left:.5rem}.btn i.icon.left{padding-right:.3rem}.btn.large i.icon.right{padding-left:.7rem}.btn.large i.icon.left{padding-right:1.3rem}.btn{color:#7c8194;border:1px solid #f0f0f0;outline:none;padding:.5rem 1rem;cursor:default;border-radius:4px;font-size:.8rem;display:inline-block}.btn.block{display:block}a.btn{cursor:pointer}.btn:hover{color:#4c505e;border:1px solid #e3e3e3}.btn.large{font-size:.9rem;padding:.7rem 1.2rem}.btn.small{font-size:.7rem;padding:.3rem .7rem}.btn.text{border:none}.btn.green{color:#fff;background:#59d99e;border-color:#59d99e}.btn.green:hover{background:#48d594}.btn.green.outline{color:#59d99e;background:transparent;border-color:#59d99e;transition:background .2s}.btn.green.outline:hover{background:#59d99e;color:#fff}.btn.blue{color:#fff;background:#47aafe;border-color:#47aafe}.btn.blue:hover{background:#33a1fe}.btn.blue.outline{color:#47aafe;background:transparent;border-color:#47aafe;transition:background .2s}.btn.blue.outline:hover{background:#47aafe;color:#fff}.btn.yellow{color:#fff;background:#ffae6b;border-color:#ffae6b}.btn.yellow:hover{background:#ffa357}.btn.yellow.outline{color:#ffae6b;background:transparent;border-color:#ffae6b;transition:background .2s}.btn.yellow.outline:hover{background:#ffae6b;color:#fff}.btn.red{color:#fff;background:#f96868;border-color:#f96868}.btn.red:hover{background:#f85454}.btn.red.outline{color:#f96868;background:transparent;border-color:#f96868;transition:background .2s}.btn.red.outline:hover{background:#f96868;color:#fff}.text-dark{color:#3b3f50}.bg-dark{background:#3b3f50}.text-light{color:#f0f0f0}.bg-light{background:#f0f0f0}.text-gray{color:#7c8194}.bg-gray{background:#7c8194}.text-blue{color:#47aafe}.bg-blue{background:#47aafe}.text-deep-blue{color:#275ab7}.bg-deep-blue{background:#275ab7}.text-red{color:#f96868}.bg-red{background:#f96868}.text-yellow{color:#ffae6b}.bg-yellow{background:#ffae6b}.text-green{color:#59d99e}.bg-green{background:#59d99e}.text-right{text-aligh:right}.text-left{text-align:left}.p1rem{padding:1rem}.m1rem{margin:1rem}.p51rem{padding:.5rem 1rem}.m51rem{margin:.5rem 1rem}.f8{font-size:.8rem}.f9{font-size:.9rem}.f1{font-size:1rem}.f12{font-size:1.2rem}.f14{font-size:1.4rem}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-center{display:flex;align-items:center;justify-content:center}.clearfix:after{content:" ";display:table;clear:both}#container,.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container{width:100%}@media screen and (min-width:576px){.container{max-width:540px}}@media screen and (min-width:768px){.container{max-width:720px}}@media screen and (min-width:992px){.container{max-width:960px}}@media screen and (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%}.fa-gird:after{content:"";display:table;clear:both}.fa-gird .is-1{float:left;clear:none;text-align:inherit;width:5.58333%;margin-left:0;margin-right:3%}.fa-gird .is-1:after{content:"";display:table;clear:both}.fa-gird .is-1:last-child{margin-right:0}.fa-gird .is-1.offset-1{margin-left:8.33333%}.fa-gird .is-1.offset-2{margin-left:16.66667%}.fa-gird .is-1.offset-3{margin-left:25%}.fa-gird .is-1.offset-4{margin-left:33.33333%}.fa-gird .is-1.offset-5{margin-left:41.66667%}.fa-gird .is-1.offset-6{margin-left:50%}.fa-gird .is-1.offset-7{margin-left:58.33333%}.fa-gird .is-1.offset-8{margin-left:66.66667%}.fa-gird .is-1.offset-9{margin-left:75%}.fa-gird .is-1.offset-10{margin-left:83.33333%}.fa-gird .is-1.offset-11{margin-left:91.66667%}.fa-gird .is-1.offset-12{margin-left:100%}.fa-gird .is-2{float:left;clear:none;text-align:inherit;width:14.16667%;margin-left:0;margin-right:3%}.fa-gird .is-2:after{content:"";display:table;clear:both}.fa-gird .is-2:last-child{margin-right:0}.fa-gird .is-2.offset-1{margin-left:8.33333%}.fa-gird .is-2.offset-2{margin-left:16.66667%}.fa-gird .is-2.offset-3{margin-left:25%}.fa-gird .is-2.offset-4{margin-left:33.33333%}.fa-gird .is-2.offset-5{margin-left:41.66667%}.fa-gird .is-2.offset-6{margin-left:50%}.fa-gird .is-2.offset-7{margin-left:58.33333%}.fa-gird .is-2.offset-8{margin-left:66.66667%}.fa-gird .is-2.offset-9{margin-left:75%}.fa-gird .is-2.offset-10{margin-left:83.33333%}.fa-gird .is-2.offset-11{margin-left:91.66667%}.fa-gird .is-2.offset-12{margin-left:100%}.fa-gird .is-3{float:left;clear:none;text-align:inherit;width:22.75%;margin-left:0;margin-right:3%}.fa-gird .is-3:after{content:"";display:table;clear:both}.fa-gird .is-3:last-child{margin-right:0}.fa-gird .is-3.offset-1{margin-left:8.33333%}.fa-gird .is-3.offset-2{margin-left:16.66667%}.fa-gird .is-3.offset-3{margin-left:25%}.fa-gird .is-3.offset-4{margin-left:33.33333%}.fa-gird .is-3.offset-5{margin-left:41.66667%}.fa-gird .is-3.offset-6{margin-left:50%}.fa-gird .is-3.offset-7{margin-left:58.33333%}.fa-gird .is-3.offset-8{margin-left:66.66667%}.fa-gird .is-3.offset-9{margin-left:75%}.fa-gird .is-3.offset-10{margin-left:83.33333%}.fa-gird .is-3.offset-11{margin-left:91.66667%}.fa-gird .is-3.offset-12{margin-left:100%}.fa-gird .is-4{float:left;clear:none;text-align:inherit;width:31.33333%;margin-left:0;margin-right:3%}.fa-gird .is-4:after{content:"";display:table;clear:both}.fa-gird .is-4:last-child{margin-right:0}.fa-gird .is-4.offset-1{margin-left:8.33333%}.fa-gird .is-4.offset-2{margin-left:16.66667%}.fa-gird .is-4.offset-3{margin-left:25%}.fa-gird .is-4.offset-4{margin-left:33.33333%}.fa-gird .is-4.offset-5{margin-left:41.66667%}.fa-gird .is-4.offset-6{margin-left:50%}.fa-gird .is-4.offset-7{margin-left:58.33333%}.fa-gird .is-4.offset-8{margin-left:66.66667%}.fa-gird .is-4.offset-9{margin-left:75%}.fa-gird .is-4.offset-10{margin-left:83.33333%}.fa-gird .is-4.offset-11{margin-left:91.66667%}.fa-gird .is-4.offset-12{margin-left:100%}.fa-gird .is-5{float:left;clear:none;text-align:inherit;width:39.91667%;margin-left:0;margin-right:3%}.fa-gird .is-5:after{content:"";display:table;clear:both}.fa-gird .is-5:last-child{margin-right:0}.fa-gird .is-5.offset-1{margin-left:8.33333%}.fa-gird .is-5.offset-2{margin-left:16.66667%}.fa-gird .is-5.offset-3{margin-left:25%}.fa-gird .is-5.offset-4{margin-left:33.33333%}.fa-gird .is-5.offset-5{margin-left:41.66667%}.fa-gird .is-5.offset-6{margin-left:50%}.fa-gird .is-5.offset-7{margin-left:58.33333%}.fa-gird .is-5.offset-8{margin-left:66.66667%}.fa-gird .is-5.offset-9{margin-left:75%}.fa-gird .is-5.offset-10{margin-left:83.33333%}.fa-gird .is-5.offset-11{margin-left:91.66667%}.fa-gird .is-5.offset-12{margin-left:100%}.fa-gird .is-6{float:left;clear:none;text-align:inherit;width:48.5%;margin-left:0;margin-right:3%}.fa-gird .is-6:after{content:"";display:table;clear:both}.fa-gird .is-6:last-child{margin-right:0}.fa-gird .is-6.offset-1{margin-left:8.33333%}.fa-gird .is-6.offset-2{margin-left:16.66667%}.fa-gird .is-6.offset-3{margin-left:25%}.fa-gird .is-6.offset-4{margin-left:33.33333%}.fa-gird .is-6.offset-5{margin-left:41.66667%}.fa-gird .is-6.offset-6{margin-left:50%}.fa-gird .is-6.offset-7{margin-left:58.33333%}.fa-gird .is-6.offset-8{margin-left:66.66667%}.fa-gird .is-6.offset-9{margin-left:75%}.fa-gird .is-6.offset-10{margin-left:83.33333%}.fa-gird .is-6.offset-11{margin-left:91.66667%}.fa-gird .is-6.offset-12{margin-left:100%}.fa-gird .is-7{float:left;clear:none;text-align:inherit;width:57.08333%;margin-left:0;margin-right:3%}.fa-gird .is-7:after{content:"";display:table;clear:both}.fa-gird .is-7:last-child{margin-right:0}.fa-gird .is-7.offset-1{margin-left:8.33333%}.fa-gird .is-7.offset-2{margin-left:16.66667%}.fa-gird .is-7.offset-3{margin-left:25%}.fa-gird .is-7.offset-4{margin-left:33.33333%}.fa-gird .is-7.offset-5{margin-left:41.66667%}.fa-gird .is-7.offset-6{margin-left:50%}.fa-gird .is-7.offset-7{margin-left:58.33333%}.fa-gird .is-7.offset-8{margin-left:66.66667%}.fa-gird .is-7.offset-9{margin-left:75%}.fa-gird .is-7.offset-10{margin-left:83.33333%}.fa-gird .is-7.offset-11{margin-left:91.66667%}.fa-gird .is-7.offset-12{margin-left:100%}.fa-gird .is-8{float:left;clear:none;text-align:inherit;width:65.66667%;margin-left:0;margin-right:3%}.fa-gird .is-8:after{content:"";display:table;clear:both}.fa-gird .is-8:last-child{margin-right:0}.fa-gird .is-8.offset-1{margin-left:8.33333%}.fa-gird .is-8.offset-2{margin-left:16.66667%}.fa-gird .is-8.offset-3{margin-left:25%}.fa-gird .is-8.offset-4{margin-left:33.33333%}.fa-gird .is-8.offset-5{margin-left:41.66667%}.fa-gird .is-8.offset-6{margin-left:50%}.fa-gird .is-8.offset-7{margin-left:58.33333%}.fa-gird .is-8.offset-8{margin-left:66.66667%}.fa-gird .is-8.offset-9{margin-left:75%}.fa-gird .is-8.offset-10{margin-left:83.33333%}.fa-gird .is-8.offset-11{margin-left:91.66667%}.fa-gird .is-8.offset-12{margin-left:100%}.fa-gird .is-9{float:left;clear:none;text-align:inherit;width:74.25%;margin-left:0;margin-right:3%}.fa-gird .is-9:after{content:"";display:table;clear:both}.fa-gird .is-9:last-child{margin-right:0}.fa-gird .is-9.offset-1{margin-left:8.33333%}.fa-gird .is-9.offset-2{margin-left:16.66667%}.fa-gird .is-9.offset-3{margin-left:25%}.fa-gird .is-9.offset-4{margin-left:33.33333%}.fa-gird .is-9.offset-5{margin-left:41.66667%}.fa-gird .is-9.offset-6{margin-left:50%}.fa-gird .is-9.offset-7{margin-left:58.33333%}.fa-gird .is-9.offset-8{margin-left:66.66667%}.fa-gird .is-9.offset-9{margin-left:75%}.fa-gird .is-9.offset-10{margin-left:83.33333%}.fa-gird .is-9.offset-11{margin-left:91.66667%}.fa-gird .is-9.offset-12{margin-left:100%}.fa-gird .is-10{float:left;clear:none;text-align:inherit;width:82.83333%;margin-left:0;margin-right:3%}.fa-gird .is-10:after{content:"";display:table;clear:both}.fa-gird .is-10:last-child{margin-right:0}.fa-gird .is-10.offset-1{margin-left:8.33333%}.fa-gird .is-10.offset-2{margin-left:16.66667%}.fa-gird .is-10.offset-3{margin-left:25%}.fa-gird .is-10.offset-4{margin-left:33.33333%}.fa-gird .is-10.offset-5{margin-left:41.66667%}.fa-gird .is-10.offset-6{margin-left:50%}.fa-gird .is-10.offset-7{margin-left:58.33333%}.fa-gird .is-10.offset-8{margin-left:66.66667%}.fa-gird .is-10.offset-9{margin-left:75%}.fa-gird .is-10.offset-10{margin-left:83.33333%}.fa-gird .is-10.offset-11{margin-left:91.66667%}.fa-gird .is-10.offset-12{margin-left:100%}.fa-gird .is-11{float:left;clear:none;text-align:inherit;width:91.41667%;margin-left:0;margin-right:3%}.fa-gird .is-11:after{content:"";display:table;clear:both}.fa-gird .is-11:last-child{margin-right:0}.fa-gird .is-11.offset-1{margin-left:8.33333%}.fa-gird .is-11.offset-2{margin-left:16.66667%}.fa-gird .is-11.offset-3{margin-left:25%}.fa-gird .is-11.offset-4{margin-left:33.33333%}.fa-gird .is-11.offset-5{margin-left:41.66667%}.fa-gird .is-11.offset-6{margin-left:50%}.fa-gird .is-11.offset-7{margin-left:58.33333%}.fa-gird .is-11.offset-8{margin-left:66.66667%}.fa-gird .is-11.offset-9{margin-left:75%}.fa-gird .is-11.offset-10{margin-left:83.33333%}.fa-gird .is-11.offset-11{margin-left:91.66667%}.fa-gird .is-11.offset-12{margin-left:100%}.fa-gird .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:3%}.fa-gird .is-12:after{content:"";display:table;clear:both}.fa-gird .is-12:last-child{margin-right:0}.fa-gird .is-12.offset-1{margin-left:8.33333%}.fa-gird .is-12.offset-2{margin-left:16.66667%}.fa-gird .is-12.offset-3{margin-left:25%}.fa-gird .is-12.offset-4{margin-left:33.33333%}.fa-gird .is-12.offset-5{margin-left:41.66667%}.fa-gird .is-12.offset-6{margin-left:50%}.fa-gird .is-12.offset-7{margin-left:58.33333%}.fa-gird .is-12.offset-8{margin-left:66.66667%}.fa-gird .is-12.offset-9{margin-left:75%}.fa-gird .is-12.offset-10{margin-left:83.33333%}.fa-gird .is-12.offset-11{margin-left:91.66667%}.fa-gird .is-12.offset-12{margin-left:100%}.fa-gird.span .is-1{float:left;clear:none;text-align:inherit;width:8.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-1:after{content:"";display:table;clear:both}.fa-gird.span .is-2{float:left;clear:none;text-align:inherit;width:16.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-2:after{content:"";display:table;clear:both}.fa-gird.span .is-3{float:left;clear:none;text-align:inherit;width:25%;margin-left:0;margin-right:0}.fa-gird.span .is-3:after{content:"";display:table;clear:both}.fa-gird.span .is-4{float:left;clear:none;text-align:inherit;width:33.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-4:after{content:"";display:table;clear:both}.fa-gird.span .is-5{float:left;clear:none;text-align:inherit;width:41.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-5:after{content:"";display:table;clear:both}.fa-gird.span .is-6{float:left;clear:none;text-align:inherit;width:50%;margin-left:0;margin-right:0}.fa-gird.span .is-6:after{content:"";display:table;clear:both}.fa-gird.span .is-7{float:left;clear:none;text-align:inherit;width:58.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-7:after{content:"";display:table;clear:both}.fa-gird.span .is-8{float:left;clear:none;text-align:inherit;width:66.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-8:after{content:"";display:table;clear:both}.fa-gird.span .is-9{float:left;clear:none;text-align:inherit;width:75%;margin-left:0;margin-right:0}.fa-gird.span .is-9:after{content:"";display:table;clear:both}.fa-gird.span .is-10{float:left;clear:none;text-align:inherit;width:83.33333%;margin-left:0;margin-right:0}.fa-gird.span .is-10:after{content:"";display:table;clear:both}.fa-gird.span .is-11{float:left;clear:none;text-align:inherit;width:91.66667%;margin-left:0;margin-right:0}.fa-gird.span .is-11:after{content:"";display:table;clear:both}.fa-gird.span .is-12{float:left;clear:none;text-align:inherit;width:100%;margin-left:0;margin-right:0}.fa-gird.span .is-12:after{content:"";display:table;clear:both}.fl-gird{display:flex;flex-wrap:wrap}.fl-gird.row{flex-wrap:no-wrap}.fl-gird.kj{flex-direction:row-reverse}.fl-gird.jn{flex-direction:column}.fl-gird.nj{flex-direction:column-reverse}.fl-gird.u{justify-content:center}.fl-gird.t{justify-content:flex-start}.fl-gird.o{justify-content:flex-right}.fl-gird.tuo{justify-content:space-between}.fl-gird.yui{justify-content:space-around}.fl-gird .is-1{width:8.33333%}.fl-gird .is-1.offset-1{margin-left:8.33333%}.fl-gird .is-1.offset-2{margin-left:16.66667%}.fl-gird .is-1.offset-3{margin-left:25%}.fl-gird .is-1.offset-4{margin-left:33.33333%}.fl-gird .is-1.offset-5{margin-left:41.66667%}.fl-gird .is-1.offset-6{margin-left:50%}.fl-gird .is-1.offset-7{margin-left:58.33333%}.fl-gird .is-1.offset-8{margin-left:66.66667%}.fl-gird .is-1.offset-9{margin-left:75%}.fl-gird .is-1.offset-10{margin-left:83.33333%}.fl-gird .is-1.offset-11{margin-left:91.66667%}.fl-gird .is-1.offset-12{margin-left:100%}.fl-gird .is-2{width:16.66667%}.fl-gird .is-2.offset-1{margin-left:8.33333%}.fl-gird .is-2.offset-2{margin-left:16.66667%}.fl-gird .is-2.offset-3{margin-left:25%}.fl-gird .is-2.offset-4{margin-left:33.33333%}.fl-gird .is-2.offset-5{margin-left:41.66667%}.fl-gird .is-2.offset-6{margin-left:50%}.fl-gird .is-2.offset-7{margin-left:58.33333%}.fl-gird .is-2.offset-8{margin-left:66.66667%}.fl-gird .is-2.offset-9{margin-left:75%}.fl-gird .is-2.offset-10{margin-left:83.33333%}.fl-gird .is-2.offset-11{margin-left:91.66667%}.fl-gird .is-2.offset-12{margin-left:100%}.fl-gird .is-3{width:25%}.fl-gird .is-3.offset-1{margin-left:8.33333%}.fl-gird .is-3.offset-2{margin-left:16.66667%}.fl-gird .is-3.offset-3{margin-left:25%}.fl-gird .is-3.offset-4{margin-left:33.33333%}.fl-gird .is-3.offset-5{margin-left:41.66667%}.fl-gird .is-3.offset-6{margin-left:50%}.fl-gird .is-3.offset-7{margin-left:58.33333%}.fl-gird .is-3.offset-8{margin-left:66.66667%}.fl-gird .is-3.offset-9{margin-left:75%}.fl-gird .is-3.offset-10{margin-left:83.33333%}.fl-gird .is-3.offset-11{margin-left:91.66667%}.fl-gird .is-3.offset-12{margin-left:100%}.fl-gird .is-4{width:33.33333%}.fl-gird .is-4.offset-1{margin-left:8.33333%}.fl-gird .is-4.offset-2{margin-left:16.66667%}.fl-gird .is-4.offset-3{margin-left:25%}.fl-gird .is-4.offset-4{margin-left:33.33333%}.fl-gird .is-4.offset-5{margin-left:41.66667%}.fl-gird .is-4.offset-6{margin-left:50%}.fl-gird .is-4.offset-7{margin-left:58.33333%}.fl-gird .is-4.offset-8{margin-left:66.66667%}.fl-gird .is-4.offset-9{margin-left:75%}.fl-gird .is-4.offset-10{margin-left:83.33333%}.fl-gird .is-4.offset-11{margin-left:91.66667%}.fl-gird .is-4.offset-12{margin-left:100%}.fl-gird .is-5{width:41.66667%}.fl-gird .is-5.offset-1{margin-left:8.33333%}.fl-gird .is-5.offset-2{margin-left:16.66667%}.fl-gird .is-5.offset-3{margin-left:25%}.fl-gird .is-5.offset-4{margin-left:33.33333%}.fl-gird .is-5.offset-5{margin-left:41.66667%}.fl-gird .is-5.offset-6{margin-left:50%}.fl-gird .is-5.offset-7{margin-left:58.33333%}.fl-gird .is-5.offset-8{margin-left:66.66667%}.fl-gird .is-5.offset-9{margin-left:75%}.fl-gird .is-5.offset-10{margin-left:83.33333%}.fl-gird .is-5.offset-11{margin-left:91.66667%}.fl-gird .is-5.offset-12{margin-left:100%}.fl-gird .is-6{width:50%}.fl-gird .is-6.offset-1{margin-left:8.33333%}.fl-gird .is-6.offset-2{margin-left:16.66667%}.fl-gird .is-6.offset-3{margin-left:25%}.fl-gird .is-6.offset-4{margin-left:33.33333%}.fl-gird .is-6.offset-5{margin-left:41.66667%}.fl-gird .is-6.offset-6{margin-left:50%}.fl-gird .is-6.offset-7{margin-left:58.33333%}.fl-gird .is-6.offset-8{margin-left:66.66667%}.fl-gird .is-6.offset-9{margin-left:75%}.fl-gird .is-6.offset-10{margin-left:83.33333%}.fl-gird .is-6.offset-11{margin-left:91.66667%}.fl-gird .is-6.offset-12{margin-left:100%}.fl-gird .is-7{width:58.33333%}.fl-gird .is-7.offset-1{margin-left:8.33333%}.fl-gird .is-7.offset-2{margin-left:16.66667%}.fl-gird .is-7.offset-3{margin-left:25%}.fl-gird .is-7.offset-4{margin-left:33.33333%}.fl-gird .is-7.offset-5{margin-left:41.66667%}.fl-gird .is-7.offset-6{margin-left:50%}.fl-gird .is-7.offset-7{margin-left:58.33333%}.fl-gird .is-7.offset-8{margin-left:66.66667%}.fl-gird .is-7.offset-9{margin-left:75%}.fl-gird .is-7.offset-10{margin-left:83.33333%}.fl-gird .is-7.offset-11{margin-left:91.66667%}.fl-gird .is-7.offset-12{margin-left:100%}.fl-gird .is-8{width:66.66667%}.fl-gird .is-8.offset-1{margin-left:8.33333%}.fl-gird .is-8.offset-2{margin-left:16.66667%}.fl-gird .is-8.offset-3{margin-left:25%}.fl-gird .is-8.offset-4{margin-left:33.33333%}.fl-gird .is-8.offset-5{margin-left:41.66667%}.fl-gird .is-8.offset-6{margin-left:50%}.fl-gird .is-8.offset-7{margin-left:58.33333%}.fl-gird .is-8.offset-8{margin-left:66.66667%}.fl-gird .is-8.offset-9{margin-left:75%}.fl-gird .is-8.offset-10{margin-left:83.33333%}.fl-gird .is-8.offset-11{margin-left:91.66667%}.fl-gird .is-8.offset-12{margin-left:100%}.fl-gird .is-9{width:75%}.fl-gird .is-9.offset-1{margin-left:8.33333%}.fl-gird .is-9.offset-2{margin-left:16.66667%}.fl-gird .is-9.offset-3{margin-left:25%}.fl-gird .is-9.offset-4{margin-left:33.33333%}.fl-gird .is-9.offset-5{margin-left:41.66667%}.fl-gird .is-9.offset-6{margin-left:50%}.fl-gird .is-9.offset-7{margin-left:58.33333%}.fl-gird .is-9.offset-8{margin-left:66.66667%}.fl-gird .is-9.offset-9{margin-left:75%}.fl-gird .is-9.offset-10{margin-left:83.33333%}.fl-gird .is-9.offset-11{margin-left:91.66667%}.fl-gird .is-9.offset-12{margin-left:100%}.fl-gird .is-10{width:83.33333%}.fl-gird .is-10.offset-1{margin-left:8.33333%}.fl-gird .is-10.offset-2{margin-left:16.66667%}.fl-gird .is-10.offset-3{margin-left:25%}.fl-gird .is-10.offset-4{margin-left:33.33333%}.fl-gird .is-10.offset-5{margin-left:41.66667%}.fl-gird .is-10.offset-6{margin-left:50%}.fl-gird .is-10.offset-7{margin-left:58.33333%}.fl-gird .is-10.offset-8{margin-left:66.66667%}.fl-gird .is-10.offset-9{margin-left:75%}.fl-gird .is-10.offset-10{margin-left:83.33333%}.fl-gird .is-10.offset-11{margin-left:91.66667%}.fl-gird .is-10.offset-12{margin-left:100%}.fl-gird .is-11{width:91.66667%}.fl-gird .is-11.offset-1{margin-left:8.33333%}.fl-gird .is-11.offset-2{margin-left:16.66667%}.fl-gird .is-11.offset-3{margin-left:25%}.fl-gird .is-11.offset-4{margin-left:33.33333%}.fl-gird .is-11.offset-5{margin-left:41.66667%}.fl-gird .is-11.offset-6{margin-left:50%}.fl-gird .is-11.offset-7{margin-left:58.33333%}.fl-gird .is-11.offset-8{margin-left:66.66667%}.fl-gird .is-11.offset-9{margin-left:75%}.fl-gird .is-11.offset-10{margin-left:83.33333%}.fl-gird .is-11.offset-11{margin-left:91.66667%}.fl-gird .is-11.offset-12{margin-left:100%}.fl-gird .is-12{width:100%}.fl-gird .is-12.offset-1{margin-left:8.33333%}.fl-gird .is-12.offset-2{margin-left:16.66667%}.fl-gird .is-12.offset-3{margin-left:25%}.fl-gird .is-12.offset-4{margin-left:33.33333%}.fl-gird .is-12.offset-5{margin-left:41.66667%}.fl-gird .is-12.offset-6{margin-left:50%}.fl-gird .is-12.offset-7{margin-left:58.33333%}.fl-gird .is-12.offset-8{margin-left:66.66667%}.fl-gird .is-12.offset-9{margin-left:75%}.fl-gird .is-12.offset-10{margin-left:83.33333%}.fl-gird .is-12.offset-11{margin-left:91.66667%}.fl-gird .is-12.offset-12{margin-left:100%}@media screen and (max-width:768px){.fa-gird .is-media1-1,.fl-gird .is-media1-1{width:8.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-1,.fl-gird .is-media2-1{width:8.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-1,.fl-gird .is-media3-1{width:8.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-1,.fl-gird .is-media4-1{width:8.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-2,.fl-gird .is-media1-2{width:16.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-2,.fl-gird .is-media2-2{width:16.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-2,.fl-gird .is-media3-2{width:16.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-2,.fl-gird .is-media4-2{width:16.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-3,.fl-gird .is-media1-3{width:25%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-3,.fl-gird .is-media2-3{width:25%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-3,.fl-gird .is-media3-3{width:25%}}@media screen and (min-width:1200px){.fa-gird .is-media4-3,.fl-gird .is-media4-3{width:25%}}@media screen and (max-width:768px){.fa-gird .is-media1-4,.fl-gird .is-media1-4{width:33.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-4,.fl-gird .is-media2-4{width:33.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-4,.fl-gird .is-media3-4{width:33.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-4,.fl-gird .is-media4-4{width:33.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-5,.fl-gird .is-media1-5{width:41.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-5,.fl-gird .is-media2-5{width:41.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-5,.fl-gird .is-media3-5{width:41.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-5,.fl-gird .is-media4-5{width:41.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-6,.fl-gird .is-media1-6{width:50%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-6,.fl-gird .is-media2-6{width:50%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-6,.fl-gird .is-media3-6{width:50%}}@media screen and (min-width:1200px){.fa-gird .is-media4-6,.fl-gird .is-media4-6{width:50%}}@media screen and (max-width:768px){.fa-gird .is-media1-7,.fl-gird .is-media1-7{width:58.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-7,.fl-gird .is-media2-7{width:58.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-7,.fl-gird .is-media3-7{width:58.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-7,.fl-gird .is-media4-7{width:58.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-8,.fl-gird .is-media1-8{width:66.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-8,.fl-gird .is-media2-8{width:66.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-8,.fl-gird .is-media3-8{width:66.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-8,.fl-gird .is-media4-8{width:66.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-9,.fl-gird .is-media1-9{width:75%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-9,.fl-gird .is-media2-9{width:75%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-9,.fl-gird .is-media3-9{width:75%}}@media screen and (min-width:1200px){.fa-gird .is-media4-9,.fl-gird .is-media4-9{width:75%}}@media screen and (max-width:768px){.fa-gird .is-media1-10,.fl-gird .is-media1-10{width:83.33333%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-10,.fl-gird .is-media2-10{width:83.33333%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-10,.fl-gird .is-media3-10{width:83.33333%}}@media screen and (min-width:1200px){.fa-gird .is-media4-10,.fl-gird .is-media4-10{width:83.33333%}}@media screen and (max-width:768px){.fa-gird .is-media1-11,.fl-gird .is-media1-11{width:91.66667%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-11,.fl-gird .is-media2-11{width:91.66667%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-11,.fl-gird .is-media3-11{width:91.66667%}}@media screen and (min-width:1200px){.fa-gird .is-media4-11,.fl-gird .is-media4-11{width:91.66667%}}@media screen and (max-width:768px){.fa-gird .is-media1-12,.fl-gird .is-media1-12{width:100%}}@media screen and (max-width:992px) and (min-width:768px){.fa-gird .is-media2-12,.fl-gird .is-media2-12{width:100%}}@media screen and (max-width:1200px) and (min-width:992px){.fa-gird .is-media3-12,.fl-gird .is-media3-12{width:100%}}@media screen and (min-width:1200px){.fa-gird .is-media4-12,.fl-gird .is-media4-12{width:100%}}.nav{height:60px;user-select:none}.nav,.nav .control{display:flex;align-items:center}.nav .control{background:#fff;flex-shrink:0;z-index:2}.nav .control .list{display:none}.nav a.link{display:inline-block;line-height:60px;height:60px;padding:0 1rem;color:#47aafe;cursor:pointer}.nav a.link:hover{background:#f7fbff;color:#47aafe}.nav .logo{background:transparent;line-height:0;margin-right:1rem}.nav .content{display:flex;width:100%}.nav-control,.nav .content .right{margin-left:auto}.nav-control{display:none;line-height:60px;height:60px;width:60px;text-align:center;padding:0 1rem;position:relative;cursor:pointer}.nav-control span{height:2px;width:15px;background:#333;position:absolute;transition:transform 86ms ease-out;top:calc(50% - 1px)}.nav-control span:first-of-type{top:calc(50% - 6px)}.nav-control span:last-of-type{top:calc(50% + 4px)}.nav.active .nav-control span{display:none}.nav.active .nav-control span:first-of-type{transform:translateY(5px) rotate(45deg);display:block}.nav.active .nav-control span:last-of-type{transform:translateY(-5px) rotate(-45deg);display:block;transform-origin:center}@media screen and (max-width:992px){.nav{position:relative}.nav .control{flex-basis:100%}.nav .control .list,.nav .control .nav-control{display:block}.nav .content{display:block;z-index:1;position:absolute;background:#fff;padding:.5rem 0;top:100%;left:0;right:0;transform:translateY(-10%);transition:transform .09s ease-out,opacity .07s;visibility:hidden;opacity:0}.nav.active .content{transform:translateY(0);visibility:visible;opacity:1}.nav.active .content .link{display:block}}.field{display:block;margin-bottom:1rem}.field label{float:left;width:10%;text-align:right;font-size:.8rem;margin-top:.4rem;color:#7c8194;font-weight:600}.field input{display:inline-block;width:70%;margin-left:3%;outline:none;height:30px;line-height:30px;font-size:.8rem;padding:.5rem;border:1px solid #f0f0f0;border-radius:.2rem}.field input:focus,.field input:hover{border-color:#d7d7d7}.field input.green{border-color:#59d99e}.field input.green:focus,.field input.green:hover{border-color:#30d086}.field input.blue{border-color:#47aafe}.field input.blue:focus,.field input.blue:hover{border-color:#1493fe}.field input.yellow{border-color:#ffae6b}.field input.yellow:focus,.field input.yellow:hover{border-color:#ff9238}.field input.red{border-color:#f96868}.field input.red:focus,.field input.red:hover{border-color:#f73737}.field input.static{border-color:transparent;padding:.5rem 0}@media screen and (max-width:768px){.field label{display:block;float:none;width:100%;text-align:left;margin-bottom:.5rem}.field input{width:100%;margin-left:0}}.field .control{position:relative;height:30px}.field .control input{width:100%;position:absolute;left:0;right:0;margin-left:0;padding:.5rem 1.5rem}.field .control input:focus~i,.field .control input:hover~i{color:#7c8194}.field .control i{z-index:2;color:#d0d2d9}.field .control i.left{position:absolute;left:.5rem;top:.2rem}.field .control .right{position:absolute;right:.5rem;top:.2rem}textarea{resize:vertical;width:100%;border:1px solid #f0f0f0;outline:none;min-height:7rem;padding:.5rem}textarea:focus,textarea:hover{border-color:#d7d7d7}textarea.green{border-color:#59d99e}textarea.green:focus,textarea.green:hover{border-color:#30d086}textarea.blue{border-color:#47aafe}textarea.blue:focus,textarea.blue:hover{border-color:#1493fe}textarea.yellow{border-color:#ffae6b}textarea.yellow:focus,textarea.yellow:hover{border-color:#ff9238}textarea.red{border-color:#f96868}textarea.red:focus,textarea.red:hover{border-color:#f73737}.file.green label:first-of-type{color:#fff;background:#59d99e}.file.green label:first-of-type:hover{background:#51d799}.file.blue label:first-of-type{color:#fff;background:#47aafe}.file.blue label:first-of-type:hover{background:#3da5fe}.file.yellow label:first-of-type{color:#fff;background:#ffae6b}.file.yellow label:first-of-type:hover{background:#ffa861}.file.red label:first-of-type{color:#fff;background:#f96868}.file.red label:first-of-type:hover{background:#f95e5e}.file label:first-of-type{display:inline-block;width:12rem;text-align:center;font-size:.9rem;color:#7c8194;background:#f0f0f0;padding:.5rem 2rem;cursor:pointer}.file label:first-of-type:hover{background:#ebebeb}.file label:first-of-type i{margin-right:.5rem}.file .file-name{display:block;font-size:.8rem;width:12rem;border:1px solid #f0f0f0;color:#b4b7c2;padding:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file input[type=file]{display:inline-block;width:.1px;height:.1px;opacity:0}.select{position:relative;max-width:100%}.select.green select{border-color:#59d99e;background:#59d99e;color:#fff}.select.green:after{border-color:#fff}.select.blue select{border-color:#47aafe;background:#47aafe;color:#fff}.select.blue:after{border-color:#fff}.select.yellow select{border-color:#ffae6b;background:#ffae6b;color:#fff}.select.yellow:after{border-color:#fff}.select.red select{border-color:#f96868;background:#f96868;color:#fff}.select.red:after{border-color:#fff}.select select{-webkit-appearance:none;-moz-appearance:none;border:1px solid #f0f0f0;padding:.5rem 2rem .5rem .5rem;display:inline-block;outline:none;margin:.5rem 0}.select:after{border:2px solid #7c8194;border-left:0;border-top:0;content:" ";width:8px;height:8px;display:inline-block;transform:rotate(45deg);position:relative;left:-25px;top:-3px}input[type=radio]{z-index:1;position:absolute;width:1.2rem;height:1.2rem;opacity:0;margin:-3px 4px}input[type=radio]+label.circle{border-radius:50%;border:1px solid #ecedf0;width:1.2rem;height:1.2rem;display:inline-block;background:#fff;margin:-3px 4px}input[type=radio]+label.circle:after{content:" ";width:.6rem;height:.6rem;display:block;margin:4px;background:#47aafe;border-radius:50%;transition:transform .3s cubic-bezier(.68,-.51,.46,1.49);transform-origin:center;transform:scale(0)}input[type=radio]:checked+label.circle:after{transform:scale(1)}input[type=radio]:disabled~label{opacity:.6}input[type=checkbox]{z-index:1;position:absolute;width:1rem;height:1rem;opacity:0;vertical-align:-3px;margin:0 4px}input[type=checkbox]+label.rectangle{border:1px solid #ecedf0;border-radius:2px;width:1rem;height:1rem;display:inline-block;background:#fff;vertical-align:-3px;margin:0 4px}input[type=checkbox]+label.rectangle:after{content:" ";width:100%;height:100%;display:block}input[type=checkbox]:checked+label.rectangle{background:#47aafe;border-color:#47aafe}input[type=checkbox]:checked+label.rectangle:after{background:url(check.a7c7acf4.svg) top/.9rem;visibility:visible;animation:bounceIn .2s}input[type=checkbox]:disabled~label{opacity:.6}@keyframes bounceIn{0%{transform:scale(0)}75%{transform:scale(1.1)}to{transform:scale(1)}} --------------------------------------------------------------------------------