@charset "utf-8";


@import "./function";
@import "sass-sandal/core/reset";

// basic
//-----------------------------------------------------

// 1. Prevent iOS text size adjust after orientation change, without disabling user zoom.


// html {
//   -ms-text-size-adjust: 100%; // 1
//   -webkit-text-size-adjust: 100%; // 1
//   -webkit-tap-highlight-color: transparent; // 2
//   height: 100%;
//   font-size: 62.5%;
//   font-family: "Hiragino Sans GB", "Microsoft Yahei", arial, \5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
// }

// body {
//   margin: 0;
//   font-size: 14px;
//   line-height: 1.5;
//   color: $colorText;
//   background-color: $colorBg;
//   min-height: 100%;
//   box-sizing: border-box;
// }

// h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
//   margin: 0;
// }

// // ul/ol
// ol, ul {
//   list-style: none outside none;
// }

// ul, ol, li, dl, dd {
//   margin: 0;
//   padding: 0;
// }

// // table
// table {
//   border-collapse: collapse;
//   border-spacing: 0;
//   box-sizing: border-box;
// }

// td, th {
//   padding: 0;
// }

// caption, th, td {
//   text-align: left;
//   font-weight: normal;
//   vertical-align: middle;
// }

// // a
// a {
//   text-decoration: none;
//   background: transparent;
//   color: $colorLink;

//   &:hover {
//     text-decoration: none;
//   }

//   &:active,
//   &:hover {
//     outline: 0;
//   }
// }

// // img
// img {
//   border: 0; // 1
//   vertical-align: middle; // 0
// }

// // html5
// article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
//   display: block;
// }

// nav:active {
//   outline: 0;
// }

// // hn
// h1, h2, h3, h4, h5, h6 {
//   font-size: 100%;
//   font-weight: normal;
// }

// // q/blockquote
// q, blockquote {
//   quotes: none;
// }

// q:before, q:after, blockquote:before, blockquote:after {
//   content: none;
// }

// // others
// i, em {
//   font-style: normal;
// }

// address, caption, cite, code, dfn, th, var, i, s {
//   font-style: normal;
//   font-weight: normal;
// }

// div[contenteditable=true] {
//   -webkit-line-break: after-white-space;
//   -webkit-nbsp-mode: space;
//   -webkit-user-modify: read-write;
//   word-wrap: break-word;
// }

// // form
// //----------------------------------------------------------
// fieldset {
//   border: 0;
// }

// button {
//   white-space: nowrap;
//   overflow: visible;
// }

// button, input,
// optgroup,
// select,
// textarea {
//   color: inherit; // 1
//   font: inherit; // 2
//   margin: 0; // 3
// }

// // Address inconsistent `text-transform` inheritance for `button` and `select`.
// // All other form control elements do not inherit `text-transform` values.
// // Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
// // Correct `select` style inheritance in Firefox.
// button,
// select {
//   text-transform: none;
// }

// // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
// //    and `video` controls.
// // 2. Correct inability to style clickable `input` types in iOS.
// // 3. Improve usability and consistency of cursor style between image-type
// //    `input` and others.
// button,
// html input[type="button"],
// input[type="reset"],
// input[type="submit"] {
//   -webkit-appearance: button; // 2
//   cursor: pointer; // 3
// }

// // Re-set default cursor for disabled elements.
// button[disabled],
// html input[disabled] {
//   cursor: default;
// }

// // Remove inner padding and border in Firefox 4+.
// button::-moz-focus-inner,
// input::-moz-focus-inner {
//   border: 0;
//   padding: 0;
// }

// // 1. Address Firefox 4+ setting `line-height` on `input` using `!important` in
// //    the UA stylesheet.
// // 0. clear webkit add style
// input {
//   line-height: normal; // 1

//   &:focus {
//     outline: 0; // 0
//   }
// }

// // It's recommended that you don't attempt to style these elements.
// // Firefox's implementation doesn't respect box-sizing, padding, or width.

// // 1. Address box sizing set to `content-box` in IE 8/9/10.
// // 2. Remove excess padding in IE 8/9/10.
// input[type="checkbox"],
// input[type="radio"] {
//   box-sizing: border-box; // 1
//   padding: 0; // 2
//   vertical-align: middle;
// }

// // Fix the cursor style for Chrome's increment/decrement buttons. For certain
// // `font-size` values of the `input`, it causes the cursor style of the
// // decrement button to change from `default` to `text`.
// input[type="number"]::-webkit-inner-spin-button,
// input[type="number"]::-webkit-outer-spin-button {
//   height: auto;
// }

// // 1. Address `appearance` set to `searchfield` in Safari and Chrome.
// // 2. Address `box-sizing` set to `border-box` in Safari and Chrome
// //    (include `-moz` to future-proof).
// input[type="search"] {
//   -webkit-appearance: textfield; // 1
//   -moz-box-sizing: border-box;
//   -webkit-box-sizing: border-box; // 2
//   box-sizing: border-box;
// }

// // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// // Safari (but not Chrome) clips the cancel button when the search input has
// // padding (and `textfield` appearance).
// input[type="search"]::-webkit-search-cancel-button,
// input[type="search"]::-webkit-search-decoration {
//   -webkit-appearance: none;
// }

// // input's clear or reveal in IE 10+
// input::-ms-clear,
// input::-ms-reveal {
//   display: none;
// }

// // Android 下 input focus 消除高亮外框
// textarea, input {
//   $c: rgba(255, 255, 255, 0);
//   -webkit-tap-highlight-color: $c; // for sass-lint
//   -webkit-user-modify: read-write-plaintext-only;
//   outline: none !important;
// }

// // 表单placeholder样式
// // Firefox 19+
// input::-moz-placeholder,
// textarea::-moz-placeholder {
//   color: $placeHolderColor;
// }

// // Internet Explorer 10+
// input:-ms-input-placeholder,
// textarea:-ms-input-placeholder {
//   color: $placeHolderColor;
// }

// // Safari and Chrome
// input::-webkit-input-placeholder,
// textarea::-webkit-input-placeholder {
//   color: $placeHolderColor;
// }

// .placeholder {
//   color: $placeHolderColor;
// }

// // basic class
// //----------------------------------------------------------
// .clearfix:before,
// .clearfix:after {
//   content: "";
//   display: table;
// }

// .clearfix:after {
//   clear: both;
// }