国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

14157 lines
314KB

  1. /*! Amaze UI v2.1.0 | by Amaze UI Team | (c) 2015 AllMobilize, Inc. | Licensed under MIT | 2015-01-13T02:01:01 UTC */
  2. /* ==========================================================================
  3. Component: Base
  4. ============================================================================ */
  5. /**
  6. * Fix the flawed CSS box model - Yes, IE6's box model is better
  7. * Browser support: IE8+
  8. * via: http://paulirish.com/2012/box-sizing-border-box-ftw/
  9. */
  10. *,
  11. *:before,
  12. *:after {
  13. -webkit-box-sizing: border-box;
  14. box-sizing: border-box;
  15. }
  16. /* normalize.css v3.0.2 | git.io/normalize */
  17. /* Set <html> and <body> to inherit the height of the viewport */
  18. html,
  19. body {
  20. min-height: 100%;
  21. }
  22. /**
  23. * 1. Prevent iOS text size adjust after orientation change, without disabling
  24. * user zoom.
  25. * https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
  26. */
  27. html {
  28. -ms-text-size-adjust: 100%;
  29. /* 1 */
  30. -webkit-text-size-adjust: 100%
  31. /* 1 */
  32. }
  33. /**
  34. * Remove default margin.
  35. */
  36. body {
  37. margin: 0;
  38. }
  39. /* HTML5 display definitions
  40. ========================================================================== */
  41. /**
  42. * Correct `block` display not defined for any HTML5 element in IE 8/9.
  43. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
  44. * Correct `block` display not defined for `main` in IE 11.
  45. * hgroup has been removed from the HTML5 (W3C) specification
  46. * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup
  47. */
  48. article,
  49. aside,
  50. details,
  51. figcaption,
  52. figure,
  53. footer,
  54. header,
  55. hgroup,
  56. menu,
  57. main,
  58. nav,
  59. section,
  60. summary {
  61. display: block;
  62. }
  63. /**
  64. * 1. Correct `inline-block` display not defined in IE 8/9.
  65. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  66. */
  67. audio,
  68. canvas,
  69. progress,
  70. video {
  71. display: inline-block;
  72. /* 1 */
  73. vertical-align: baseline
  74. /* 2 */
  75. }
  76. /**
  77. * Prevent modern browsers from displaying `audio` without controls.
  78. * Remove excess height in iOS 5 devices.
  79. */
  80. audio:not([controls]) {
  81. display: none;
  82. height: 0;
  83. }
  84. /**
  85. * Address `[hidden]` styling not present in IE 8/9/10.
  86. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  87. */
  88. [hidden],
  89. template,
  90. script {
  91. display: none;
  92. }
  93. /* Links
  94. ========================================================================== */
  95. /**
  96. * Remove the gray background color from active links in IE 10.
  97. */
  98. a {
  99. background-color: transparent;
  100. }
  101. /**
  102. * Address `outline` inconsistency between Chrome and other browsers.
  103. */
  104. a:focus {
  105. outline: thin dotted;
  106. }
  107. /**
  108. * Improve readability when focused and also mouse hovered in all browsers.
  109. */
  110. a:active,
  111. a:hover {
  112. outline: 0;
  113. }
  114. /* Text-level semantics
  115. ========================================================================== */
  116. /**
  117. * Remove text-decoration
  118. */
  119. ins,
  120. a {
  121. text-decoration: none;
  122. }
  123. /**
  124. * Address styling not present in IE 8/9, Safari 5, and Chrome.
  125. */
  126. abbr[title] {
  127. border-bottom: 1px dotted;
  128. }
  129. /**
  130. * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  131. */
  132. b,
  133. strong {
  134. font-weight: bold;
  135. }
  136. /**
  137. * Improve readability of pre-formatted text in all browsers.
  138. */
  139. pre {
  140. white-space: pre-wrap;
  141. }
  142. /**
  143. * Set consistent quote types.
  144. */
  145. q {
  146. quotes: "\201C" "\201D" "\2018" "\2019";
  147. }
  148. /**
  149. * Address inconsistent and variable font size in all browsers.
  150. */
  151. small {
  152. font-size: 80%;
  153. }
  154. /**
  155. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  156. */
  157. sub,
  158. sup {
  159. font-size: 75%;
  160. line-height: 0;
  161. position: relative;
  162. vertical-align: baseline;
  163. }
  164. sup {
  165. top: -0.5em;
  166. }
  167. sub {
  168. bottom: -0.25em;
  169. }
  170. /* Embedded content
  171. ========================================================================== */
  172. /**
  173. * 1. Corrects max-width behavior (2.) if padding and border are used
  174. * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height
  175. * 3. Remove the gap between images and the bottom of their containers
  176. * 4. Remove border when inside `a` element in IE 8/9.
  177. */
  178. img {
  179. -webkit-box-sizing: border-box;
  180. box-sizing: border-box;
  181. /* 1 */
  182. max-width: 100%;
  183. /* 2 */
  184. height: auto;
  185. /* 2 */
  186. vertical-align: middle;
  187. /* 3 */
  188. border: 0
  189. /* 4 */
  190. }
  191. /**
  192. * Correct overflow displayed oddly in IE 9.
  193. */
  194. svg:not(:root) {
  195. overflow: hidden;
  196. }
  197. /* Grouping content
  198. ========================================================================== */
  199. /**
  200. * Address margin not present in IE 8/9 and Safari.
  201. */
  202. figure {
  203. margin: 0;
  204. }
  205. /**
  206. * Correct font family set oddly in Safari 5 and Chrome.
  207. */
  208. code,
  209. kbd,
  210. pre,
  211. samp {
  212. font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
  213. font-size: 1em;
  214. }
  215. /* Forms
  216. ========================================================================== */
  217. /**
  218. * Define consistent border, margin, and padding.
  219. */
  220. fieldset {
  221. border: 1px solid #c0c0c0;
  222. margin: 0 2px;
  223. padding: 0.35em 0.625em 0.75em;
  224. }
  225. /**
  226. * 1. Correct `color` not being inherited in IE 8/9.
  227. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  228. */
  229. legend {
  230. border: 0;
  231. /* 1 */
  232. padding: 0
  233. /* 2 */
  234. }
  235. /**
  236. * 1. Correct color not being inherited.
  237. * Known issue: affects color of disabled elements.
  238. * 2. Correct font properties not being inherited.
  239. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  240. */
  241. button,
  242. input,
  243. optgroup,
  244. select,
  245. textarea {
  246. color: inherit;
  247. /* 1 */
  248. font: inherit;
  249. /* 2 */
  250. margin: 0
  251. /* 3 */
  252. }
  253. /**
  254. * Address `overflow` set to `hidden` in IE 8/9/10/11.
  255. */
  256. button {
  257. overflow: visible;
  258. }
  259. /**
  260. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  261. * the UA stylesheet.
  262. */
  263. button,
  264. input {
  265. line-height: normal;
  266. }
  267. /**
  268. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  269. * All other form control elements do not inherit `text-transform` values.
  270. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  271. * Correct `select` style inheritance in Firefox.
  272. */
  273. button,
  274. select {
  275. text-transform: none;
  276. }
  277. /**
  278. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  279. * and `video` controls.
  280. * 2. Correct inability to style clickable `input` types in iOS.
  281. * 3. Improve usability and consistency of cursor style between image-type
  282. * `input` and others.
  283. */
  284. button,
  285. html input[type="button"],
  286. input[type="reset"],
  287. input[type="submit"] {
  288. -webkit-appearance: button;
  289. /* 2 */
  290. cursor: pointer
  291. /* 3 */
  292. }
  293. /*
  294. * 1. Improves consistency of cursor style for clickable elements
  295. * 2. Removes excess padding in IE 8/9.
  296. * 3. Address box sizing set to `content-box` in IE 8/9/10.
  297. */
  298. input[type="radio"],
  299. input[type="checkbox"] {
  300. cursor: pointer;
  301. /*1*/
  302. padding: 0;
  303. /*2*/
  304. -webkit-box-sizing: border-box;
  305. box-sizing: border-box
  306. /* 3 */
  307. }
  308. /**
  309. * Re-set default cursor for disabled elements.
  310. */
  311. button[disabled],
  312. html input[disabled] {
  313. cursor: default;
  314. }
  315. /**
  316. * Remove inner padding and border in Firefox 4+.
  317. */
  318. button::-moz-focus-inner,
  319. input::-moz-focus-inner {
  320. border: 0;
  321. padding: 0;
  322. }
  323. /**
  324. * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  325. * `font-size` values of the `input`, it causes the cursor style of the
  326. * decrement button to change from `default` to `text`.
  327. */
  328. input[type="number"]::-webkit-inner-spin-button,
  329. input[type="number"]::-webkit-outer-spin-button {
  330. height: auto;
  331. }
  332. /**
  333. * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  334. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  335. * (include `-moz` to future-proof).
  336. */
  337. input[type="search"] {
  338. -webkit-appearance: textfield;
  339. /* 1 */
  340. -webkit-box-sizing: content-box;
  341. box-sizing: content-box
  342. /* 2 */
  343. }
  344. /**
  345. * Remove inner padding and search cancel button in Safari 5 and Chrome
  346. * on OS X.
  347. */
  348. input[type="search"]::-webkit-search-cancel-button,
  349. input[type="search"]::-webkit-search-decoration {
  350. -webkit-appearance: none;
  351. }
  352. /**
  353. * 1. Remove default vertical scrollbar in IE 8/9.
  354. * 2. Improve readability and alignment in all browsers.
  355. */
  356. textarea {
  357. overflow: auto;
  358. /* 1 */
  359. vertical-align: top;
  360. /* 2 */
  361. resize: vertical;
  362. }
  363. /**
  364. * Don't inherit the `font-weight` (applied by a rule above).
  365. * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  366. */
  367. optgroup {
  368. font-weight: bold;
  369. }
  370. /* Tables
  371. ========================================================================== */
  372. /**
  373. * Remove most spacing between table cells.
  374. */
  375. table {
  376. border-collapse: collapse;
  377. border-spacing: 0;
  378. }
  379. td,
  380. th {
  381. padding: 0;
  382. }
  383. /* AMUI Base
  384. ========================================================================== */
  385. /**
  386. * `font-size` is set in `html` element to support the `rem` unit for font-sizes
  387. * NOTE: IE9 & IE10 do not recognize `rem` units when used with the
  388. `font` shorthand property.
  389. */
  390. html {
  391. font-size: 62.5%;
  392. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  393. }
  394. body {
  395. position: relative;
  396. background: #ffffff;
  397. font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
  398. font-weight: normal;
  399. line-height: 1.6;
  400. color: #333333;
  401. font-size: 1.6rem;
  402. }
  403. /**
  404. * 1. http://usabilitypost.com/2012/11/15/w-optimizelegibility-on-mobile-devices/
  405. * 2. http://maxvoltar.com/archive/-webkit-font-smoothing
  406. * NOTE: http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/
  407. * 3. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
  408. * http://jaydenseric.com/blog/css-font-smoothing-for-firefox-mac
  409. */
  410. body,
  411. input,
  412. textarea,
  413. select,
  414. button {
  415. text-rendering: optimizeLegibility;
  416. /* 1 */
  417. -webkit-font-smoothing: antialiased;
  418. /* 2 */
  419. -moz-osx-font-smoothing: grayscale;
  420. /* 3 Default: auto */
  421. -moz-font-feature-settings: "liga", "kern";
  422. }
  423. /*Only phones */
  424. @media only screen and (max-width: 640px) {
  425. /**
  426. * Break strings if their length exceeds the width of their container
  427. */
  428. body {
  429. word-wrap: break-word;
  430. -webkit-hyphens: auto;
  431. -ms-hyphens: auto;
  432. -moz-hyphens: auto;
  433. hyphens: auto;
  434. }
  435. }
  436. /**
  437. * links
  438. */
  439. a {
  440. color: #0e90d2;
  441. }
  442. a:hover,
  443. a:focus {
  444. color: #095f8a;
  445. }
  446. a:focus {
  447. outline: thin dotted;
  448. outline: 5px auto -webkit-focus-ring-color;
  449. outline-offset: -2px;
  450. }
  451. /* Insert */
  452. ins {
  453. background: #ffffaa;
  454. color: #333333;
  455. }
  456. /**
  457. * Mark
  458. * Note: Addresses styling not present in IE 8/9.
  459. */
  460. mark {
  461. background: #ffffaa;
  462. color: #333333;
  463. }
  464. /**
  465. * Abbreviation and definition
  466. */
  467. abbr[title],
  468. dfn[title] {
  469. cursor: help;
  470. }
  471. dfn[title] {
  472. border-bottom: 1px dotted;
  473. font-style: normal;
  474. }
  475. /* Spacing for block elements */
  476. p,
  477. hr,
  478. ul,
  479. ol,
  480. dl,
  481. blockquote,
  482. pre,
  483. address,
  484. fieldset,
  485. figure {
  486. margin: 0 0 1.6rem 0;
  487. }
  488. * + p,
  489. * + hr,
  490. * + ul,
  491. * + ol,
  492. * + dl,
  493. * + blockquote,
  494. * + pre,
  495. * + address,
  496. * + fieldset,
  497. * + figure {
  498. margin-top: 1.6rem;
  499. }
  500. /* Headings
  501. ========================================================================== */
  502. h1,
  503. h2,
  504. h3,
  505. h4,
  506. h5,
  507. h6 {
  508. margin: 0 0 1.6rem 0;
  509. font-weight: 600;
  510. font-size: 100%;
  511. }
  512. h1 {
  513. font-size: 1.5em;
  514. }
  515. h2 {
  516. font-size: 1.25em;
  517. }
  518. * + h1,
  519. * + h2,
  520. * + h3,
  521. * + h4,
  522. * + h5,
  523. * + h6 {
  524. margin-top: 2em;
  525. }
  526. /* Ordered and unordered lists */
  527. ul,
  528. ol {
  529. padding-left: 2em;
  530. }
  531. /* Reset margin for nested lists */
  532. ul > li > ul,
  533. ul > li > ol,
  534. ol > li > ol,
  535. ol > li > ul {
  536. margin: 1em 0;
  537. }
  538. /* Description lists */
  539. dt {
  540. font-weight: bold;
  541. }
  542. dt + dd {
  543. margin-top: .5em;
  544. }
  545. dd {
  546. margin-left: 0;
  547. }
  548. dd + dt {
  549. margin-top: 1em;
  550. }
  551. /**
  552. * Horizontal rule
  553. * 1. Address differences between Firefox and other browsers.
  554. */
  555. hr {
  556. display: block;
  557. padding: 0;
  558. border: 0;
  559. height: 0;
  560. border-top: 1px solid #eeeeee;
  561. /* 1 */
  562. -webkit-box-sizing: content-box;
  563. box-sizing: content-box
  564. /* 1 */
  565. }
  566. /* Address */
  567. address {
  568. font-style: normal;
  569. }
  570. /* Quotes */
  571. blockquote {
  572. padding-top: 5px;
  573. padding-bottom: 5px;
  574. padding-left: 15px;
  575. border-left: 4px solid #dddddd;
  576. font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif
  577. /* Small print for identifying the source */
  578. /* Smaller margin if `small` follows */
  579. }
  580. blockquote small {
  581. display: block;
  582. color: #999999;
  583. font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
  584. text-align: right;
  585. }
  586. blockquote p:last-of-type {
  587. margin-bottom: 0;
  588. }
  589. /* iframe */
  590. iframe {
  591. border: 0;
  592. }
  593. /* Forms
  594. ========================================================================== */
  595. /**
  596. * Vertical alignment
  597. * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text
  598. */
  599. button,
  600. input:not([type="radio"]):not([type="checkbox"]),
  601. select {
  602. vertical-align: middle;
  603. }
  604. /**
  605. * Fix viewport for IE10 snap mode
  606. * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
  607. * http://msdn.microsoft.com/en-us/library/ie/hh869615%28v=vs.85%29.aspx
  608. * http://msdn.microsoft.com/zh-cn/library/ie/hh708740(v=vs.85).aspx
  609. * @2014.01.20: 设置一下属性以后,windows Phone 8 上显示的字体过小,暂时注释掉
  610. * ========================================================================== */
  611. /*
  612. @-ms-viewport {
  613. width: device-width;
  614. }
  615. */
  616. /* ==========================================================================
  617. Component: Grid
  618. ============================================================================ */
  619. .am-container {
  620. -webkit-box-sizing: border-box;
  621. box-sizing: border-box;
  622. margin-left: auto;
  623. margin-right: auto;
  624. padding-left: 1rem;
  625. padding-right: 1rem;
  626. width: 100%;
  627. max-width: 1000px;
  628. }
  629. .am-container:before,
  630. .am-container:after {
  631. content: " ";
  632. display: table;
  633. }
  634. .am-container:after {
  635. clear: both;
  636. }
  637. @media only screen and (min-width:641px) {
  638. .am-container {
  639. padding-left: 1.5rem;
  640. padding-right: 1.5rem;
  641. }
  642. }
  643. .am-container > .am-g {
  644. width: auto;
  645. margin-left: -1rem;
  646. margin-right: -1rem;
  647. }
  648. @media only screen and (min-width:641px) {
  649. .am-container > .am-g {
  650. margin-left: -1.5rem;
  651. margin-right: -1.5rem;
  652. }
  653. }
  654. .am-g {
  655. margin: 0 auto;
  656. width: 100%;
  657. }
  658. .am-g:before,
  659. .am-g:after {
  660. content: " ";
  661. display: table;
  662. }
  663. .am-g:after {
  664. clear: both;
  665. }
  666. .am-g .am-g {
  667. margin-left: -1rem;
  668. margin-right: -1rem;
  669. width: auto;
  670. }
  671. .am-g .am-g.am-g-collapse {
  672. margin-left: 0;
  673. margin-right: 0;
  674. width: auto;
  675. }
  676. @media only screen and (min-width:641px) {
  677. .am-g .am-g {
  678. margin-left: -1.5rem;
  679. margin-right: -1.5rem;
  680. }
  681. }
  682. .am-g.am-g-collapse .am-g {
  683. margin-left: 0;
  684. margin-right: 0;
  685. }
  686. .am-g-collapse [class*="am-u-"] {
  687. padding-left: 0;
  688. padding-right: 0;
  689. }
  690. .am-g-fixed {
  691. max-width: 1000px;
  692. }
  693. [class*="am-u-"] {
  694. width: 100%;
  695. padding-left: 1rem;
  696. padding-right: 1rem;
  697. float: left;
  698. position: relative;
  699. }
  700. [class*="am-u-"] + [class*="am-u-"]:last-child {
  701. float: right;
  702. }
  703. [class*="am-u-"] + [class*="am-u-"].am-u-end {
  704. float: left;
  705. }
  706. @media only screen and (min-width:641px) {
  707. [class*="am-u-"] {
  708. padding-left: 1.5rem;
  709. padding-right: 1.5rem;
  710. }
  711. }
  712. [class*="am-u-pull-"] {
  713. left: auto;
  714. }
  715. [class*="am-u-push-"] {
  716. right: auto;
  717. }
  718. @media only screen {
  719. .am-u-sm-1 {
  720. width: 8.33333333%;
  721. }
  722. .am-u-sm-2 {
  723. width: 16.66666667%;
  724. }
  725. .am-u-sm-3 {
  726. width: 25%;
  727. }
  728. .am-u-sm-4 {
  729. width: 33.33333333%;
  730. }
  731. .am-u-sm-5 {
  732. width: 41.66666667%;
  733. }
  734. .am-u-sm-6 {
  735. width: 50%;
  736. }
  737. .am-u-sm-7 {
  738. width: 58.33333333%;
  739. }
  740. .am-u-sm-8 {
  741. width: 66.66666667%;
  742. }
  743. .am-u-sm-9 {
  744. width: 75%;
  745. }
  746. .am-u-sm-10 {
  747. width: 83.33333333%;
  748. }
  749. .am-u-sm-11 {
  750. width: 91.66666667%;
  751. }
  752. .am-u-sm-12 {
  753. width: 100%;
  754. }
  755. .am-u-sm-pull-0 {
  756. right: 0;
  757. }
  758. .am-u-sm-pull-1 {
  759. right: 8.33333333%;
  760. }
  761. .am-u-sm-pull-2 {
  762. right: 16.66666667%;
  763. }
  764. .am-u-sm-pull-3 {
  765. right: 25%;
  766. }
  767. .am-u-sm-pull-4 {
  768. right: 33.33333333%;
  769. }
  770. .am-u-sm-pull-5 {
  771. right: 41.66666667%;
  772. }
  773. .am-u-sm-pull-6 {
  774. right: 50%;
  775. }
  776. .am-u-sm-pull-7 {
  777. right: 58.33333333%;
  778. }
  779. .am-u-sm-pull-8 {
  780. right: 66.66666667%;
  781. }
  782. .am-u-sm-pull-9 {
  783. right: 75%;
  784. }
  785. .am-u-sm-pull-10 {
  786. right: 83.33333333%;
  787. }
  788. .am-u-sm-pull-11 {
  789. right: 91.66666667%;
  790. }
  791. .am-u-sm-push-0 {
  792. left: 0;
  793. }
  794. .am-u-sm-push-1 {
  795. left: 8.33333333%;
  796. }
  797. .am-u-sm-push-2 {
  798. left: 16.66666667%;
  799. }
  800. .am-u-sm-push-3 {
  801. left: 25%;
  802. }
  803. .am-u-sm-push-4 {
  804. left: 33.33333333%;
  805. }
  806. .am-u-sm-push-5 {
  807. left: 41.66666667%;
  808. }
  809. .am-u-sm-push-6 {
  810. left: 50%;
  811. }
  812. .am-u-sm-push-7 {
  813. left: 58.33333333%;
  814. }
  815. .am-u-sm-push-8 {
  816. left: 66.66666667%;
  817. }
  818. .am-u-sm-push-9 {
  819. left: 75%;
  820. }
  821. .am-u-sm-push-10 {
  822. left: 83.33333333%;
  823. }
  824. .am-u-sm-push-11 {
  825. left: 91.66666667%;
  826. }
  827. .am-u-sm-offset-0 {
  828. margin-left: 0;
  829. }
  830. .am-u-sm-offset-1 {
  831. margin-left: 8.33333333%;
  832. }
  833. .am-u-sm-offset-2 {
  834. margin-left: 16.66666667%;
  835. }
  836. .am-u-sm-offset-3 {
  837. margin-left: 25%;
  838. }
  839. .am-u-sm-offset-4 {
  840. margin-left: 33.33333333%;
  841. }
  842. .am-u-sm-offset-5 {
  843. margin-left: 41.66666667%;
  844. }
  845. .am-u-sm-offset-6 {
  846. margin-left: 50%;
  847. }
  848. .am-u-sm-offset-7 {
  849. margin-left: 58.33333333%;
  850. }
  851. .am-u-sm-offset-8 {
  852. margin-left: 66.66666667%;
  853. }
  854. .am-u-sm-offset-9 {
  855. margin-left: 75%;
  856. }
  857. .am-u-sm-offset-10 {
  858. margin-left: 83.33333333%;
  859. }
  860. .am-u-sm-offset-11 {
  861. margin-left: 91.66666667%;
  862. }
  863. .am-u-sm-reset-order {
  864. margin-left: 0;
  865. margin-right: 0;
  866. left: auto;
  867. right: auto;
  868. float: left;
  869. }
  870. [class*="am-u-"].am-u-sm-centered {
  871. margin-left: auto;
  872. margin-right: auto;
  873. float: none;
  874. }
  875. [class*="am-u-"].am-u-sm-centered:last-child {
  876. float: none;
  877. }
  878. [class*="am-u-"].am-u-sm-uncentered {
  879. margin-left: 0;
  880. margin-right: 0;
  881. float: left;
  882. }
  883. [class*="am-u-"].am-u-sm-uncentered:last-child {
  884. float: left;
  885. }
  886. }
  887. @media only screen and (min-width:641px) {
  888. .am-u-md-1 {
  889. width: 8.33333333%;
  890. }
  891. .am-u-md-2 {
  892. width: 16.66666667%;
  893. }
  894. .am-u-md-3 {
  895. width: 25%;
  896. }
  897. .am-u-md-4 {
  898. width: 33.33333333%;
  899. }
  900. .am-u-md-5 {
  901. width: 41.66666667%;
  902. }
  903. .am-u-md-6 {
  904. width: 50%;
  905. }
  906. .am-u-md-7 {
  907. width: 58.33333333%;
  908. }
  909. .am-u-md-8 {
  910. width: 66.66666667%;
  911. }
  912. .am-u-md-9 {
  913. width: 75%;
  914. }
  915. .am-u-md-10 {
  916. width: 83.33333333%;
  917. }
  918. .am-u-md-11 {
  919. width: 91.66666667%;
  920. }
  921. .am-u-md-12 {
  922. width: 100%;
  923. }
  924. .am-u-md-pull-0 {
  925. right: 0;
  926. }
  927. .am-u-md-pull-1 {
  928. right: 8.33333333%;
  929. }
  930. .am-u-md-pull-2 {
  931. right: 16.66666667%;
  932. }
  933. .am-u-md-pull-3 {
  934. right: 25%;
  935. }
  936. .am-u-md-pull-4 {
  937. right: 33.33333333%;
  938. }
  939. .am-u-md-pull-5 {
  940. right: 41.66666667%;
  941. }
  942. .am-u-md-pull-6 {
  943. right: 50%;
  944. }
  945. .am-u-md-pull-7 {
  946. right: 58.33333333%;
  947. }
  948. .am-u-md-pull-8 {
  949. right: 66.66666667%;
  950. }
  951. .am-u-md-pull-9 {
  952. right: 75%;
  953. }
  954. .am-u-md-pull-10 {
  955. right: 83.33333333%;
  956. }
  957. .am-u-md-pull-11 {
  958. right: 91.66666667%;
  959. }
  960. .am-u-md-push-0 {
  961. left: 0;
  962. }
  963. .am-u-md-push-1 {
  964. left: 8.33333333%;
  965. }
  966. .am-u-md-push-2 {
  967. left: 16.66666667%;
  968. }
  969. .am-u-md-push-3 {
  970. left: 25%;
  971. }
  972. .am-u-md-push-4 {
  973. left: 33.33333333%;
  974. }
  975. .am-u-md-push-5 {
  976. left: 41.66666667%;
  977. }
  978. .am-u-md-push-6 {
  979. left: 50%;
  980. }
  981. .am-u-md-push-7 {
  982. left: 58.33333333%;
  983. }
  984. .am-u-md-push-8 {
  985. left: 66.66666667%;
  986. }
  987. .am-u-md-push-9 {
  988. left: 75%;
  989. }
  990. .am-u-md-push-10 {
  991. left: 83.33333333%;
  992. }
  993. .am-u-md-push-11 {
  994. left: 91.66666667%;
  995. }
  996. .am-u-md-offset-0 {
  997. margin-left: 0;
  998. }
  999. .am-u-md-offset-1 {
  1000. margin-left: 8.33333333%;
  1001. }
  1002. .am-u-md-offset-2 {
  1003. margin-left: 16.66666667%;
  1004. }
  1005. .am-u-md-offset-3 {
  1006. margin-left: 25%;
  1007. }
  1008. .am-u-md-offset-4 {
  1009. margin-left: 33.33333333%;
  1010. }
  1011. .am-u-md-offset-5 {
  1012. margin-left: 41.66666667%;
  1013. }
  1014. .am-u-md-offset-6 {
  1015. margin-left: 50%;
  1016. }
  1017. .am-u-md-offset-7 {
  1018. margin-left: 58.33333333%;
  1019. }
  1020. .am-u-md-offset-8 {
  1021. margin-left: 66.66666667%;
  1022. }
  1023. .am-u-md-offset-9 {
  1024. margin-left: 75%;
  1025. }
  1026. .am-u-md-offset-10 {
  1027. margin-left: 83.33333333%;
  1028. }
  1029. .am-u-md-offset-11 {
  1030. margin-left: 91.66666667%;
  1031. }
  1032. .am-u-md-reset-order {
  1033. margin-left: 0;
  1034. margin-right: 0;
  1035. left: auto;
  1036. right: auto;
  1037. float: left;
  1038. }
  1039. [class*="am-u-"].am-u-md-centered {
  1040. margin-left: auto;
  1041. margin-right: auto;
  1042. float: none;
  1043. }
  1044. [class*="am-u-"].am-u-md-centered:last-child {
  1045. float: none;
  1046. }
  1047. [class*="am-u-"].am-u-md-uncentered {
  1048. margin-left: 0;
  1049. margin-right: 0;
  1050. float: left;
  1051. }
  1052. [class*="am-u-"].am-u-md-uncentered:last-child {
  1053. float: left;
  1054. }
  1055. }
  1056. @media only screen and (min-width:1025px) {
  1057. .am-u-lg-1 {
  1058. width: 8.33333333%;
  1059. }
  1060. .am-u-lg-2 {
  1061. width: 16.66666667%;
  1062. }
  1063. .am-u-lg-3 {
  1064. width: 25%;
  1065. }
  1066. .am-u-lg-4 {
  1067. width: 33.33333333%;
  1068. }
  1069. .am-u-lg-5 {
  1070. width: 41.66666667%;
  1071. }
  1072. .am-u-lg-6 {
  1073. width: 50%;
  1074. }
  1075. .am-u-lg-7 {
  1076. width: 58.33333333%;
  1077. }
  1078. .am-u-lg-8 {
  1079. width: 66.66666667%;
  1080. }
  1081. .am-u-lg-9 {
  1082. width: 75%;
  1083. }
  1084. .am-u-lg-10 {
  1085. width: 83.33333333%;
  1086. }
  1087. .am-u-lg-11 {
  1088. width: 91.66666667%;
  1089. }
  1090. .am-u-lg-12 {
  1091. width: 100%;
  1092. }
  1093. .am-u-lg-pull-0 {
  1094. right: 0;
  1095. }
  1096. .am-u-lg-pull-1 {
  1097. right: 8.33333333%;
  1098. }
  1099. .am-u-lg-pull-2 {
  1100. right: 16.66666667%;
  1101. }
  1102. .am-u-lg-pull-3 {
  1103. right: 25%;
  1104. }
  1105. .am-u-lg-pull-4 {
  1106. right: 33.33333333%;
  1107. }
  1108. .am-u-lg-pull-5 {
  1109. right: 41.66666667%;
  1110. }
  1111. .am-u-lg-pull-6 {
  1112. right: 50%;
  1113. }
  1114. .am-u-lg-pull-7 {
  1115. right: 58.33333333%;
  1116. }
  1117. .am-u-lg-pull-8 {
  1118. right: 66.66666667%;
  1119. }
  1120. .am-u-lg-pull-9 {
  1121. right: 75%;
  1122. }
  1123. .am-u-lg-pull-10 {
  1124. right: 83.33333333%;
  1125. }
  1126. .am-u-lg-pull-11 {
  1127. right: 91.66666667%;
  1128. }
  1129. .am-u-lg-push-0 {
  1130. left: 0;
  1131. }
  1132. .am-u-lg-push-1 {
  1133. left: 8.33333333%;
  1134. }
  1135. .am-u-lg-push-2 {
  1136. left: 16.66666667%;
  1137. }
  1138. .am-u-lg-push-3 {
  1139. left: 25%;
  1140. }
  1141. .am-u-lg-push-4 {
  1142. left: 33.33333333%;
  1143. }
  1144. .am-u-lg-push-5 {
  1145. left: 41.66666667%;
  1146. }
  1147. .am-u-lg-push-6 {
  1148. left: 50%;
  1149. }
  1150. .am-u-lg-push-7 {
  1151. left: 58.33333333%;
  1152. }
  1153. .am-u-lg-push-8 {
  1154. left: 66.66666667%;
  1155. }
  1156. .am-u-lg-push-9 {
  1157. left: 75%;
  1158. }
  1159. .am-u-lg-push-10 {
  1160. left: 83.33333333%;
  1161. }
  1162. .am-u-lg-push-11 {
  1163. left: 91.66666667%;
  1164. }
  1165. .am-u-lg-offset-0 {
  1166. margin-left: 0;
  1167. }
  1168. .am-u-lg-offset-1 {
  1169. margin-left: 8.33333333%;
  1170. }
  1171. .am-u-lg-offset-2 {
  1172. margin-left: 16.66666667%;
  1173. }
  1174. .am-u-lg-offset-3 {
  1175. margin-left: 25%;
  1176. }
  1177. .am-u-lg-offset-4 {
  1178. margin-left: 33.33333333%;
  1179. }
  1180. .am-u-lg-offset-5 {
  1181. margin-left: 41.66666667%;
  1182. }
  1183. .am-u-lg-offset-6 {
  1184. margin-left: 50%;
  1185. }
  1186. .am-u-lg-offset-7 {
  1187. margin-left: 58.33333333%;
  1188. }
  1189. .am-u-lg-offset-8 {
  1190. margin-left: 66.66666667%;
  1191. }
  1192. .am-u-lg-offset-9 {
  1193. margin-left: 75%;
  1194. }
  1195. .am-u-lg-offset-10 {
  1196. margin-left: 83.33333333%;
  1197. }
  1198. .am-u-lg-offset-11 {
  1199. margin-left: 91.66666667%;
  1200. }
  1201. .am-u-lg-reset-order {
  1202. margin-left: 0;
  1203. margin-right: 0;
  1204. left: auto;
  1205. right: auto;
  1206. float: left;
  1207. }
  1208. [class*="am-u-"].am-u-lg-centered {
  1209. margin-left: auto;
  1210. margin-right: auto;
  1211. float: none;
  1212. }
  1213. [class*="am-u-"].am-u-lg-centered:last-child {
  1214. float: none;
  1215. }
  1216. [class*="am-u-"].am-u-lg-uncentered {
  1217. margin-left: 0;
  1218. margin-right: 0;
  1219. float: left;
  1220. }
  1221. [class*="am-u-"].am-u-lg-uncentered:last-child {
  1222. float: left;
  1223. }
  1224. }
  1225. /* ==========================================================================
  1226. Component: AVG Grid
  1227. ============================================================================ */
  1228. [class*="am-avg-"] {
  1229. display: block;
  1230. padding: 0;
  1231. margin: 0;
  1232. list-style: none;
  1233. }
  1234. [class*="am-avg-"]:before,
  1235. [class*="am-avg-"]:after {
  1236. content: " ";
  1237. display: table;
  1238. }
  1239. [class*="am-avg-"]:after {
  1240. clear: both;
  1241. }
  1242. [class*="am-avg-"] > li {
  1243. display: block;
  1244. height: auto;
  1245. float: left;
  1246. }
  1247. @media only screen {
  1248. .am-avg-sm-1 > li {
  1249. width: 100%;
  1250. }
  1251. .am-avg-sm-1 > li:nth-of-type(n) {
  1252. clear: none;
  1253. }
  1254. .am-avg-sm-1 > li:nth-of-type(1n + 1) {
  1255. clear: both;
  1256. }
  1257. .am-avg-sm-2 > li {
  1258. width: 50%;
  1259. }
  1260. .am-avg-sm-2 > li:nth-of-type(n) {
  1261. clear: none;
  1262. }
  1263. .am-avg-sm-2 > li:nth-of-type(2n + 1) {
  1264. clear: both;
  1265. }
  1266. .am-avg-sm-3 > li {
  1267. width: 33.33333333%;
  1268. }
  1269. .am-avg-sm-3 > li:nth-of-type(n) {
  1270. clear: none;
  1271. }
  1272. .am-avg-sm-3 > li:nth-of-type(3n + 1) {
  1273. clear: both;
  1274. }
  1275. .am-avg-sm-4 > li {
  1276. width: 25%;
  1277. }
  1278. .am-avg-sm-4 > li:nth-of-type(n) {
  1279. clear: none;
  1280. }
  1281. .am-avg-sm-4 > li:nth-of-type(4n + 1) {
  1282. clear: both;
  1283. }
  1284. .am-avg-sm-5 > li {
  1285. width: 20%;
  1286. }
  1287. .am-avg-sm-5 > li:nth-of-type(n) {
  1288. clear: none;
  1289. }
  1290. .am-avg-sm-5 > li:nth-of-type(5n + 1) {
  1291. clear: both;
  1292. }
  1293. .am-avg-sm-6 > li {
  1294. width: 16.66666667%;
  1295. }
  1296. .am-avg-sm-6 > li:nth-of-type(n) {
  1297. clear: none;
  1298. }
  1299. .am-avg-sm-6 > li:nth-of-type(6n + 1) {
  1300. clear: both;
  1301. }
  1302. .am-avg-sm-7 > li {
  1303. width: 14.28571429%;
  1304. }
  1305. .am-avg-sm-7 > li:nth-of-type(n) {
  1306. clear: none;
  1307. }
  1308. .am-avg-sm-7 > li:nth-of-type(7n + 1) {
  1309. clear: both;
  1310. }
  1311. .am-avg-sm-8 > li {
  1312. width: 12.5%;
  1313. }
  1314. .am-avg-sm-8 > li:nth-of-type(n) {
  1315. clear: none;
  1316. }
  1317. .am-avg-sm-8 > li:nth-of-type(8n + 1) {
  1318. clear: both;
  1319. }
  1320. .am-avg-sm-9 > li {
  1321. width: 11.11111111%;
  1322. }
  1323. .am-avg-sm-9 > li:nth-of-type(n) {
  1324. clear: none;
  1325. }
  1326. .am-avg-sm-9 > li:nth-of-type(9n + 1) {
  1327. clear: both;
  1328. }
  1329. .am-avg-sm-10 > li {
  1330. width: 10%;
  1331. }
  1332. .am-avg-sm-10 > li:nth-of-type(n) {
  1333. clear: none;
  1334. }
  1335. .am-avg-sm-10 > li:nth-of-type(10n + 1) {
  1336. clear: both;
  1337. }
  1338. .am-avg-sm-11 > li {
  1339. width: 9.09090909%;
  1340. }
  1341. .am-avg-sm-11 > li:nth-of-type(n) {
  1342. clear: none;
  1343. }
  1344. .am-avg-sm-11 > li:nth-of-type(11n + 1) {
  1345. clear: both;
  1346. }
  1347. .am-avg-sm-12 > li {
  1348. width: 8.33333333%;
  1349. }
  1350. .am-avg-sm-12 > li:nth-of-type(n) {
  1351. clear: none;
  1352. }
  1353. .am-avg-sm-12 > li:nth-of-type(12n + 1) {
  1354. clear: both;
  1355. }
  1356. }
  1357. @media only screen and (min-width:641px) {
  1358. .am-avg-md-1 > li {
  1359. width: 100%;
  1360. }
  1361. .am-avg-md-1 > li:nth-of-type(n) {
  1362. clear: none;
  1363. }
  1364. .am-avg-md-1 > li:nth-of-type(1n + 1) {
  1365. clear: both;
  1366. }
  1367. .am-avg-md-2 > li {
  1368. width: 50%;
  1369. }
  1370. .am-avg-md-2 > li:nth-of-type(n) {
  1371. clear: none;
  1372. }
  1373. .am-avg-md-2 > li:nth-of-type(2n + 1) {
  1374. clear: both;
  1375. }
  1376. .am-avg-md-3 > li {
  1377. width: 33.33333333%;
  1378. }
  1379. .am-avg-md-3 > li:nth-of-type(n) {
  1380. clear: none;
  1381. }
  1382. .am-avg-md-3 > li:nth-of-type(3n + 1) {
  1383. clear: both;
  1384. }
  1385. .am-avg-md-4 > li {
  1386. width: 25%;
  1387. }
  1388. .am-avg-md-4 > li:nth-of-type(n) {
  1389. clear: none;
  1390. }
  1391. .am-avg-md-4 > li:nth-of-type(4n + 1) {
  1392. clear: both;
  1393. }
  1394. .am-avg-md-5 > li {
  1395. width: 20%;
  1396. }
  1397. .am-avg-md-5 > li:nth-of-type(n) {
  1398. clear: none;
  1399. }
  1400. .am-avg-md-5 > li:nth-of-type(5n + 1) {
  1401. clear: both;
  1402. }
  1403. .am-avg-md-6 > li {
  1404. width: 16.66666667%;
  1405. }
  1406. .am-avg-md-6 > li:nth-of-type(n) {
  1407. clear: none;
  1408. }
  1409. .am-avg-md-6 > li:nth-of-type(6n + 1) {
  1410. clear: both;
  1411. }
  1412. .am-avg-md-7 > li {
  1413. width: 14.28571429%;
  1414. }
  1415. .am-avg-md-7 > li:nth-of-type(n) {
  1416. clear: none;
  1417. }
  1418. .am-avg-md-7 > li:nth-of-type(7n + 1) {
  1419. clear: both;
  1420. }
  1421. .am-avg-md-8 > li {
  1422. width: 12.5%;
  1423. }
  1424. .am-avg-md-8 > li:nth-of-type(n) {
  1425. clear: none;
  1426. }
  1427. .am-avg-md-8 > li:nth-of-type(8n + 1) {
  1428. clear: both;
  1429. }
  1430. .am-avg-md-9 > li {
  1431. width: 11.11111111%;
  1432. }
  1433. .am-avg-md-9 > li:nth-of-type(n) {
  1434. clear: none;
  1435. }
  1436. .am-avg-md-9 > li:nth-of-type(9n + 1) {
  1437. clear: both;
  1438. }
  1439. .am-avg-md-10 > li {
  1440. width: 10%;
  1441. }
  1442. .am-avg-md-10 > li:nth-of-type(n) {
  1443. clear: none;
  1444. }
  1445. .am-avg-md-10 > li:nth-of-type(10n + 1) {
  1446. clear: both;
  1447. }
  1448. .am-avg-md-11 > li {
  1449. width: 9.09090909%;
  1450. }
  1451. .am-avg-md-11 > li:nth-of-type(n) {
  1452. clear: none;
  1453. }
  1454. .am-avg-md-11 > li:nth-of-type(11n + 1) {
  1455. clear: both;
  1456. }
  1457. .am-avg-md-12 > li {
  1458. width: 8.33333333%;
  1459. }
  1460. .am-avg-md-12 > li:nth-of-type(n) {
  1461. clear: none;
  1462. }
  1463. .am-avg-md-12 > li:nth-of-type(12n + 1) {
  1464. clear: both;
  1465. }
  1466. }
  1467. @media only screen and (min-width:1025px) {
  1468. .am-avg-lg-1 > li {
  1469. width: 100%;
  1470. }
  1471. .am-avg-lg-1 > li:nth-of-type(n) {
  1472. clear: none;
  1473. }
  1474. .am-avg-lg-1 > li:nth-of-type(1n + 1) {
  1475. clear: both;
  1476. }
  1477. .am-avg-lg-2 > li {
  1478. width: 50%;
  1479. }
  1480. .am-avg-lg-2 > li:nth-of-type(n) {
  1481. clear: none;
  1482. }
  1483. .am-avg-lg-2 > li:nth-of-type(2n + 1) {
  1484. clear: both;
  1485. }
  1486. .am-avg-lg-3 > li {
  1487. width: 33.33333333%;
  1488. }
  1489. .am-avg-lg-3 > li:nth-of-type(n) {
  1490. clear: none;
  1491. }
  1492. .am-avg-lg-3 > li:nth-of-type(3n + 1) {
  1493. clear: both;
  1494. }
  1495. .am-avg-lg-4 > li {
  1496. width: 25%;
  1497. }
  1498. .am-avg-lg-4 > li:nth-of-type(n) {
  1499. clear: none;
  1500. }
  1501. .am-avg-lg-4 > li:nth-of-type(4n + 1) {
  1502. clear: both;
  1503. }
  1504. .am-avg-lg-5 > li {
  1505. width: 20%;
  1506. }
  1507. .am-avg-lg-5 > li:nth-of-type(n) {
  1508. clear: none;
  1509. }
  1510. .am-avg-lg-5 > li:nth-of-type(5n + 1) {
  1511. clear: both;
  1512. }
  1513. .am-avg-lg-6 > li {
  1514. width: 16.66666667%;
  1515. }
  1516. .am-avg-lg-6 > li:nth-of-type(n) {
  1517. clear: none;
  1518. }
  1519. .am-avg-lg-6 > li:nth-of-type(6n + 1) {
  1520. clear: both;
  1521. }
  1522. .am-avg-lg-7 > li {
  1523. width: 14.28571429%;
  1524. }
  1525. .am-avg-lg-7 > li:nth-of-type(n) {
  1526. clear: none;
  1527. }
  1528. .am-avg-lg-7 > li:nth-of-type(7n + 1) {
  1529. clear: both;
  1530. }
  1531. .am-avg-lg-8 > li {
  1532. width: 12.5%;
  1533. }
  1534. .am-avg-lg-8 > li:nth-of-type(n) {
  1535. clear: none;
  1536. }
  1537. .am-avg-lg-8 > li:nth-of-type(8n + 1) {
  1538. clear: both;
  1539. }
  1540. .am-avg-lg-9 > li {
  1541. width: 11.11111111%;
  1542. }
  1543. .am-avg-lg-9 > li:nth-of-type(n) {
  1544. clear: none;
  1545. }
  1546. .am-avg-lg-9 > li:nth-of-type(9n + 1) {
  1547. clear: both;
  1548. }
  1549. .am-avg-lg-10 > li {
  1550. width: 10%;
  1551. }
  1552. .am-avg-lg-10 > li:nth-of-type(n) {
  1553. clear: none;
  1554. }
  1555. .am-avg-lg-10 > li:nth-of-type(10n + 1) {
  1556. clear: both;
  1557. }
  1558. .am-avg-lg-11 > li {
  1559. width: 9.09090909%;
  1560. }
  1561. .am-avg-lg-11 > li:nth-of-type(n) {
  1562. clear: none;
  1563. }
  1564. .am-avg-lg-11 > li:nth-of-type(11n + 1) {
  1565. clear: both;
  1566. }
  1567. .am-avg-lg-12 > li {
  1568. width: 8.33333333%;
  1569. }
  1570. .am-avg-lg-12 > li:nth-of-type(n) {
  1571. clear: none;
  1572. }
  1573. .am-avg-lg-12 > li:nth-of-type(12n + 1) {
  1574. clear: both;
  1575. }
  1576. }
  1577. /* ==========================================================================
  1578. Component: Code
  1579. ============================================================================ */
  1580. /* Inline and block code styles */
  1581. code,
  1582. kbd,
  1583. pre,
  1584. samp {
  1585. font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
  1586. }
  1587. /* Inline code */
  1588. code {
  1589. padding: 2px 4px;
  1590. font-size: 1.3rem;
  1591. color: #c7254e;
  1592. background-color: #f8f8f8;
  1593. white-space: nowrap;
  1594. border-radius: 2px;
  1595. }
  1596. /* Code block */
  1597. pre {
  1598. display: block;
  1599. padding: 1rem;
  1600. margin: 1rem 0;
  1601. font-size: 1.3rem;
  1602. line-height: 1.6;
  1603. word-break: break-all;
  1604. word-wrap: break-word;
  1605. color: #555555;
  1606. background-color: #f8f8f8;
  1607. border: 1px solid #dedede;
  1608. border-radius: 2px;
  1609. }
  1610. pre code {
  1611. padding: 0;
  1612. font-size: inherit;
  1613. color: inherit;
  1614. white-space: pre-wrap;
  1615. background-color: transparent;
  1616. border-radius: 0;
  1617. }
  1618. /* Enable scrollable blocks of code */
  1619. .am-pre-scrollable {
  1620. max-height: 24rem;
  1621. overflow-y: scroll;
  1622. }
  1623. /* ==========================================================================
  1624. Component: Button
  1625. ============================================================================ */
  1626. .am-btn {
  1627. display: inline-block;
  1628. margin-bottom: 0;
  1629. padding: 0.625em 1em;
  1630. vertical-align: middle;
  1631. font-size: 1.6rem;
  1632. font-weight: normal;
  1633. line-height: 1.2;
  1634. text-align: center;
  1635. white-space: nowrap;
  1636. background-image: none;
  1637. border: 1px solid transparent;
  1638. border-radius: 2px;
  1639. cursor: pointer;
  1640. outline: 0;
  1641. -webkit-appearance: none;
  1642. -webkit-user-select: none;
  1643. -moz-user-select: none;
  1644. -ms-user-select: none;
  1645. user-select: none;
  1646. -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
  1647. transition: background-color 300ms ease-out, border-color 300ms ease-out;
  1648. }
  1649. .am-btn.am-square {
  1650. border-radius: 0;
  1651. }
  1652. .am-btn:focus {
  1653. outline: thin dotted;
  1654. outline: 5px auto -webkit-focus-ring-color;
  1655. outline-offset: -2px;
  1656. }
  1657. .am-btn:hover,
  1658. .am-btn:focus {
  1659. outline: 0;
  1660. color: #444444;
  1661. text-decoration: none;
  1662. }
  1663. .am-btn:active,
  1664. .am-btn.am-active {
  1665. background-image: none;
  1666. -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.125);
  1667. box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.125);
  1668. }
  1669. .am-btn.am-disabled,
  1670. .am-btn[disabled],
  1671. fieldset[disabled] .am-btn {
  1672. pointer-events: none;
  1673. border-color: transparent;
  1674. cursor: not-allowed;
  1675. opacity: 0.45;
  1676. -webkit-box-shadow: none;
  1677. box-shadow: none;
  1678. }
  1679. .am-btn.am-round {
  1680. border-radius: 1000px;
  1681. }
  1682. .am-btn.am-radius {
  1683. border-radius: 2px;
  1684. }
  1685. .am-btn-default {
  1686. color: #444444;
  1687. background-color: #e6e6e6;
  1688. border-color: #e6e6e6;
  1689. }
  1690. .am-btn-default:hover,
  1691. .am-btn-default:focus,
  1692. .am-btn-default:active,
  1693. .am-btn-default.am-active,
  1694. .am-active .am-btn-default.am-dropdown-toggle {
  1695. color: #444444;
  1696. background-color: #c7c7c7;
  1697. border-color: #c7c7c7;
  1698. }
  1699. .am-btn-default:active,
  1700. .am-btn-default.am-btn-active,
  1701. .am-active .am-btn-default.am-dropdown-toggle {
  1702. background-image: none;
  1703. }
  1704. .am-btn-default.am-disabled,
  1705. .am-btn-default[disabled],
  1706. fieldset[disabled] .am-btn-default,
  1707. .am-btn-default.am-disabled:hover,
  1708. .am-btn-default[disabled]:hover,
  1709. fieldset[disabled] .am-btn-default:hover,
  1710. .am-btn-default.am-disabled:focus,
  1711. .am-btn-default[disabled]:focus,
  1712. fieldset[disabled] .am-btn-default:focus,
  1713. .am-btn-default.am-disabled:active,
  1714. .am-btn-default[disabled]:active,
  1715. fieldset[disabled] .am-btn-default:active,
  1716. .am-btn-default.am-disabled.am-btn-active,
  1717. .am-btn-default[disabled].am-btn-active,
  1718. fieldset[disabled] .am-btn-default.am-btn-active {
  1719. background-color: #e6e6e6;
  1720. border-color: #e6e6e6;
  1721. }
  1722. .am-btn-group .am-btn-default,
  1723. .am-btn-group-stacked .am-btn-default {
  1724. border-color: #d9d9d9;
  1725. }
  1726. .am-btn-primary {
  1727. color: #ffffff;
  1728. background-color: #0e90d2;
  1729. border-color: #0e90d2;
  1730. }
  1731. .am-btn-primary:hover,
  1732. .am-btn-primary:focus,
  1733. .am-btn-primary:active,
  1734. .am-btn-primary.am-active,
  1735. .am-active .am-btn-primary.am-dropdown-toggle {
  1736. color: #ffffff;
  1737. background-color: #0a6999;
  1738. border-color: #0a6999;
  1739. }
  1740. .am-btn-primary:active,
  1741. .am-btn-primary.am-btn-active,
  1742. .am-active .am-btn-primary.am-dropdown-toggle {
  1743. background-image: none;
  1744. }
  1745. .am-btn-primary.am-disabled,
  1746. .am-btn-primary[disabled],
  1747. fieldset[disabled] .am-btn-primary,
  1748. .am-btn-primary.am-disabled:hover,
  1749. .am-btn-primary[disabled]:hover,
  1750. fieldset[disabled] .am-btn-primary:hover,
  1751. .am-btn-primary.am-disabled:focus,
  1752. .am-btn-primary[disabled]:focus,
  1753. fieldset[disabled] .am-btn-primary:focus,
  1754. .am-btn-primary.am-disabled:active,
  1755. .am-btn-primary[disabled]:active,
  1756. fieldset[disabled] .am-btn-primary:active,
  1757. .am-btn-primary.am-disabled.am-btn-active,
  1758. .am-btn-primary[disabled].am-btn-active,
  1759. fieldset[disabled] .am-btn-primary.am-btn-active {
  1760. background-color: #0e90d2;
  1761. border-color: #0e90d2;
  1762. }
  1763. .am-btn-group .am-btn-primary,
  1764. .am-btn-group-stacked .am-btn-primary {
  1765. border-color: #0c80ba;
  1766. }
  1767. .am-btn-warning {
  1768. color: #ffffff;
  1769. background-color: #f37b1d;
  1770. border-color: #f37b1d;
  1771. }
  1772. .am-btn-warning:hover,
  1773. .am-btn-warning:focus,
  1774. .am-btn-warning:active,
  1775. .am-btn-warning.am-active,
  1776. .am-active .am-btn-warning.am-dropdown-toggle {
  1777. color: #ffffff;
  1778. background-color: #c85e0b;
  1779. border-color: #c85e0b;
  1780. }
  1781. .am-btn-warning:active,
  1782. .am-btn-warning.am-btn-active,
  1783. .am-active .am-btn-warning.am-dropdown-toggle {
  1784. background-image: none;
  1785. }
  1786. .am-btn-warning.am-disabled,
  1787. .am-btn-warning[disabled],
  1788. fieldset[disabled] .am-btn-warning,
  1789. .am-btn-warning.am-disabled:hover,
  1790. .am-btn-warning[disabled]:hover,
  1791. fieldset[disabled] .am-btn-warning:hover,
  1792. .am-btn-warning.am-disabled:focus,
  1793. .am-btn-warning[disabled]:focus,
  1794. fieldset[disabled] .am-btn-warning:focus,
  1795. .am-btn-warning.am-disabled:active,
  1796. .am-btn-warning[disabled]:active,
  1797. fieldset[disabled] .am-btn-warning:active,
  1798. .am-btn-warning.am-disabled.am-btn-active,
  1799. .am-btn-warning[disabled].am-btn-active,
  1800. fieldset[disabled] .am-btn-warning.am-btn-active {
  1801. background-color: #f37b1d;
  1802. border-color: #f37b1d;
  1803. }
  1804. .am-btn-group .am-btn-warning,
  1805. .am-btn-group-stacked .am-btn-warning {
  1806. border-color: #ea6e0c;
  1807. }
  1808. .am-btn-danger {
  1809. color: #ffffff;
  1810. background-color: #dd514c;
  1811. border-color: #dd514c;
  1812. }
  1813. .am-btn-danger:hover,
  1814. .am-btn-danger:focus,
  1815. .am-btn-danger:active,
  1816. .am-btn-danger.am-active,
  1817. .am-active .am-btn-danger.am-dropdown-toggle {
  1818. color: #ffffff;
  1819. background-color: #c62b26;
  1820. border-color: #c62b26;
  1821. }
  1822. .am-btn-danger:active,
  1823. .am-btn-danger.am-btn-active,
  1824. .am-active .am-btn-danger.am-dropdown-toggle {
  1825. background-image: none;
  1826. }
  1827. .am-btn-danger.am-disabled,
  1828. .am-btn-danger[disabled],
  1829. fieldset[disabled] .am-btn-danger,
  1830. .am-btn-danger.am-disabled:hover,
  1831. .am-btn-danger[disabled]:hover,
  1832. fieldset[disabled] .am-btn-danger:hover,
  1833. .am-btn-danger.am-disabled:focus,
  1834. .am-btn-danger[disabled]:focus,
  1835. fieldset[disabled] .am-btn-danger:focus,
  1836. .am-btn-danger.am-disabled:active,
  1837. .am-btn-danger[disabled]:active,
  1838. fieldset[disabled] .am-btn-danger:active,
  1839. .am-btn-danger.am-disabled.am-btn-active,
  1840. .am-btn-danger[disabled].am-btn-active,
  1841. fieldset[disabled] .am-btn-danger.am-btn-active {
  1842. background-color: #dd514c;
  1843. border-color: #dd514c;
  1844. }
  1845. .am-btn-group .am-btn-danger,
  1846. .am-btn-group-stacked .am-btn-danger {
  1847. border-color: #d93c37;
  1848. }
  1849. .am-btn-success {
  1850. color: #ffffff;
  1851. background-color: #5eb95e;
  1852. border-color: #5eb95e;
  1853. }
  1854. .am-btn-success:hover,
  1855. .am-btn-success:focus,
  1856. .am-btn-success:active,
  1857. .am-btn-success.am-active,
  1858. .am-active .am-btn-success.am-dropdown-toggle {
  1859. color: #ffffff;
  1860. background-color: #429842;
  1861. border-color: #429842;
  1862. }
  1863. .am-btn-success:active,
  1864. .am-btn-success.am-btn-active,
  1865. .am-active .am-btn-success.am-dropdown-toggle {
  1866. background-image: none;
  1867. }
  1868. .am-btn-success.am-disabled,
  1869. .am-btn-success[disabled],
  1870. fieldset[disabled] .am-btn-success,
  1871. .am-btn-success.am-disabled:hover,
  1872. .am-btn-success[disabled]:hover,
  1873. fieldset[disabled] .am-btn-success:hover,
  1874. .am-btn-success.am-disabled:focus,
  1875. .am-btn-success[disabled]:focus,
  1876. fieldset[disabled] .am-btn-success:focus,
  1877. .am-btn-success.am-disabled:active,
  1878. .am-btn-success[disabled]:active,
  1879. fieldset[disabled] .am-btn-success:active,
  1880. .am-btn-success.am-disabled.am-btn-active,
  1881. .am-btn-success[disabled].am-btn-active,
  1882. fieldset[disabled] .am-btn-success.am-btn-active {
  1883. background-color: #5eb95e;
  1884. border-color: #5eb95e;
  1885. }
  1886. .am-btn-group .am-btn-success,
  1887. .am-btn-group-stacked .am-btn-success {
  1888. border-color: #4db14d;
  1889. }
  1890. .am-btn-secondary {
  1891. color: #ffffff;
  1892. background-color: #3bb4f2;
  1893. border-color: #3bb4f2;
  1894. }
  1895. .am-btn-secondary:hover,
  1896. .am-btn-secondary:focus,
  1897. .am-btn-secondary:active,
  1898. .am-btn-secondary.am-active,
  1899. .am-active .am-btn-secondary.am-dropdown-toggle {
  1900. color: #ffffff;
  1901. background-color: #0f9ae0;
  1902. border-color: #0f9ae0;
  1903. }
  1904. .am-btn-secondary:active,
  1905. .am-btn-secondary.am-btn-active,
  1906. .am-active .am-btn-secondary.am-dropdown-toggle {
  1907. background-image: none;
  1908. }
  1909. .am-btn-secondary.am-disabled,
  1910. .am-btn-secondary[disabled],
  1911. fieldset[disabled] .am-btn-secondary,
  1912. .am-btn-secondary.am-disabled:hover,
  1913. .am-btn-secondary[disabled]:hover,
  1914. fieldset[disabled] .am-btn-secondary:hover,
  1915. .am-btn-secondary.am-disabled:focus,
  1916. .am-btn-secondary[disabled]:focus,
  1917. fieldset[disabled] .am-btn-secondary:focus,
  1918. .am-btn-secondary.am-disabled:active,
  1919. .am-btn-secondary[disabled]:active,
  1920. fieldset[disabled] .am-btn-secondary:active,
  1921. .am-btn-secondary.am-disabled.am-btn-active,
  1922. .am-btn-secondary[disabled].am-btn-active,
  1923. fieldset[disabled] .am-btn-secondary.am-btn-active {
  1924. background-color: #3bb4f2;
  1925. border-color: #3bb4f2;
  1926. }
  1927. .am-btn-group .am-btn-secondary,
  1928. .am-btn-group-stacked .am-btn-secondary {
  1929. border-color: #23abf0;
  1930. }
  1931. /* Style links like a button */
  1932. .am-btn-link {
  1933. color: #0e90d2;
  1934. font-weight: normal;
  1935. cursor: pointer;
  1936. border-radius: 0;
  1937. }
  1938. .am-btn-link,
  1939. .am-btn-link:active,
  1940. .am-btn-link[disabled],
  1941. fieldset[disabled] .am-btn-link {
  1942. background-color: transparent;
  1943. -webkit-box-shadow: none;
  1944. box-shadow: none;
  1945. }
  1946. .am-btn-link,
  1947. .am-btn-link:hover,
  1948. .am-btn-link:focus,
  1949. .am-btn-link:active {
  1950. border-color: transparent;
  1951. }
  1952. .am-btn-link:hover,
  1953. .am-btn-link:focus {
  1954. color: #095f8a;
  1955. text-decoration: underline;
  1956. background-color: transparent;
  1957. }
  1958. .am-btn-link[disabled]:hover,
  1959. fieldset[disabled] .am-btn-link:hover,
  1960. .am-btn-link[disabled]:focus,
  1961. fieldset[disabled] .am-btn-link:focus {
  1962. color: #999999;
  1963. text-decoration: none;
  1964. }
  1965. /* button size */
  1966. .am-btn-xs {
  1967. font-size: 1.2rem;
  1968. }
  1969. .am-btn-sm {
  1970. font-size: 1.4rem;
  1971. }
  1972. .am-btn-lg {
  1973. font-size: 1.8rem;
  1974. }
  1975. .am-btn-xl {
  1976. font-size: 2rem;
  1977. }
  1978. /* Block button */
  1979. .am-btn-block {
  1980. display: block;
  1981. width: 100%;
  1982. padding-left: 0;
  1983. padding-right: 0;
  1984. }
  1985. /* Multiple block buttons vertically space */
  1986. .am-btn-block + .am-btn-block {
  1987. margin-top: 5px;
  1988. }
  1989. /* Specificity overrides */
  1990. input[type="submit"].am-btn-block,
  1991. input[type="reset"].am-btn-block,
  1992. input[type="button"].am-btn-block {
  1993. width: 100%;
  1994. }
  1995. /* Button with loading spinner */
  1996. .am-btn.am-btn-loading .am-icon-spin {
  1997. margin-right: 5px;
  1998. }
  1999. /* ==========================================================================
  2000. Component: Table
  2001. ============================================================================ */
  2002. table {
  2003. max-width: 100%;
  2004. background-color: transparent;
  2005. empty-cells: show;
  2006. }
  2007. table code {
  2008. white-space: normal;
  2009. }
  2010. th {
  2011. text-align: left;
  2012. }
  2013. .am-table {
  2014. width: 100%;
  2015. margin-bottom: 1.6rem;
  2016. border-spacing: 0;
  2017. border-collapse: separate;
  2018. }
  2019. .am-table > thead > tr > th,
  2020. .am-table > tbody > tr > th,
  2021. .am-table > tfoot > tr > th,
  2022. .am-table > thead > tr > td,
  2023. .am-table > tbody > tr > td,
  2024. .am-table > tfoot > tr > td {
  2025. padding: 0.7rem;
  2026. line-height: 1.6;
  2027. vertical-align: top;
  2028. border-top: 1px solid #dddddd;
  2029. }
  2030. .am-table > thead > tr > th {
  2031. vertical-align: bottom;
  2032. border-bottom: 1px solid #dddddd;
  2033. }
  2034. .am-table > caption + thead > tr:first-child > th,
  2035. .am-table > colgroup + thead > tr:first-child > th,
  2036. .am-table > thead:first-child > tr:first-child > th,
  2037. .am-table > caption + thead > tr:first-child > td,
  2038. .am-table > colgroup + thead > tr:first-child > td,
  2039. .am-table > thead:first-child > tr:first-child > td {
  2040. border-top: 0;
  2041. }
  2042. .am-table > tbody + tbody tr:first-child td {
  2043. border-top: 2px solid #dddddd;
  2044. }
  2045. /* Bordered version */
  2046. .am-table-bordered {
  2047. border: 1px solid #dddddd;
  2048. }
  2049. .am-table-bordered > thead > tr > th,
  2050. .am-table-bordered > tbody > tr > th,
  2051. .am-table-bordered > tfoot > tr > th,
  2052. .am-table-bordered > thead > tr > td,
  2053. .am-table-bordered > tbody > tr > td,
  2054. .am-table-bordered > tfoot > tr > td {
  2055. border-left: 1px solid #dddddd;
  2056. }
  2057. .am-table-bordered > thead > tr > th:first-child,
  2058. .am-table-bordered > tbody > tr > th:first-child,
  2059. .am-table-bordered > tfoot > tr > th:first-child,
  2060. .am-table-bordered > thead > tr > td:first-child,
  2061. .am-table-bordered > tbody > tr > td:first-child,
  2062. .am-table-bordered > tfoot > tr > td:first-child {
  2063. border-left: none;
  2064. }
  2065. /* Border-radius version */
  2066. .am-table-radius {
  2067. border: 1px solid #dddddd;
  2068. border-radius: 2px;
  2069. }
  2070. .am-table-radius > thead > tr:first-child > th:first-child,
  2071. .am-table-radius > thead > tr:first-child > td:first-child {
  2072. border-top-left-radius: 2px;
  2073. border-left: none;
  2074. }
  2075. .am-table-radius > thead > tr:first-child > th:last-child,
  2076. .am-table-radius > thead > tr:first-child > td:last-child {
  2077. border-top-right-radius: 2px;
  2078. border-right: none;
  2079. }
  2080. .am-table-radius > tbody > tr > th:first-child,
  2081. .am-table-radius > tbody > tr > td:first-child {
  2082. border-left: none;
  2083. }
  2084. .am-table-radius > tbody > tr > th:last-child,
  2085. .am-table-radius > tbody > tr > td:last-child {
  2086. border-right: none;
  2087. }
  2088. .am-table-radius > tbody > tr:last-child > th,
  2089. .am-table-radius > tbody > tr:last-child > td {
  2090. border-bottom: none;
  2091. }
  2092. .am-table-radius > tbody > tr:last-child > th:first-child,
  2093. .am-table-radius > tbody > tr:last-child > td:first-child {
  2094. border-bottom-left-radius: 2px;
  2095. }
  2096. .am-table-radius > tbody > tr:last-child > th:last-child,
  2097. .am-table-radius > tbody > tr:last-child > td:last-child {
  2098. border-bottom-right-radius: 2px;
  2099. }
  2100. /* Zebra-striping */
  2101. .am-table-striped > tbody > tr:nth-child(odd) > td,
  2102. .am-table-striped > tbody > tr:nth-child(odd) > th {
  2103. background-color: #f9f9f9;
  2104. }
  2105. /* Hover effect */
  2106. .am-table-hover > tbody > tr:hover > td,
  2107. .am-table-hover > tbody > tr:hover > th {
  2108. background-color: #e9e9e9;
  2109. }
  2110. .am-table > thead > tr > td.am-active,
  2111. .am-table > tbody > tr > td.am-active,
  2112. .am-table > tfoot > tr > td.am-active,
  2113. .am-table > thead > tr > th.am-active,
  2114. .am-table > tbody > tr > th.am-active,
  2115. .am-table > tfoot > tr > th.am-active,
  2116. .am-table > thead > tr.am-active > td,
  2117. .am-table > tbody > tr.am-active > td,
  2118. .am-table > tfoot > tr.am-active > td,
  2119. .am-table > thead > tr.am-active > th,
  2120. .am-table > tbody > tr.am-active > th,
  2121. .am-table > tfoot > tr.am-active > th {
  2122. background-color: #ffffdd;
  2123. }
  2124. .am-table > thead > tr > td.am-disabled,
  2125. .am-table > tbody > tr > td.am-disabled,
  2126. .am-table > tfoot > tr > td.am-disabled,
  2127. .am-table > thead > tr > th.am-disabled,
  2128. .am-table > tbody > tr > th.am-disabled,
  2129. .am-table > tfoot > tr > th.am-disabled,
  2130. .am-table > thead > tr.am-disabled > td,
  2131. .am-table > tbody > tr.am-disabled > td,
  2132. .am-table > tfoot > tr.am-disabled > td,
  2133. .am-table > thead > tr.am-disabled > th,
  2134. .am-table > tbody > tr.am-disabled > th,
  2135. .am-table > tfoot > tr.am-disabled > th {
  2136. color: #999999;
  2137. }
  2138. .am-table > thead > tr > td.am-primary,
  2139. .am-table > tbody > tr > td.am-primary,
  2140. .am-table > tfoot > tr > td.am-primary,
  2141. .am-table > thead > tr > th.am-primary,
  2142. .am-table > tbody > tr > th.am-primary,
  2143. .am-table > tfoot > tr > th.am-primary,
  2144. .am-table > thead > tr.am-primary > td,
  2145. .am-table > tbody > tr.am-primary > td,
  2146. .am-table > tfoot > tr.am-primary > td,
  2147. .am-table > thead > tr.am-primary > th,
  2148. .am-table > tbody > tr.am-primary > th,
  2149. .am-table > tfoot > tr.am-primary > th {
  2150. color: #0b76ac;
  2151. background-color: rgba(14, 144, 210, 0.115);
  2152. }
  2153. .am-table > thead > tr > td.am-success,
  2154. .am-table > tbody > tr > td.am-success,
  2155. .am-table > tfoot > tr > td.am-success,
  2156. .am-table > thead > tr > th.am-success,
  2157. .am-table > tbody > tr > th.am-success,
  2158. .am-table > tfoot > tr > th.am-success,
  2159. .am-table > thead > tr.am-success > td,
  2160. .am-table > tbody > tr.am-success > td,
  2161. .am-table > tfoot > tr.am-success > td,
  2162. .am-table > thead > tr.am-success > th,
  2163. .am-table > tbody > tr.am-success > th,
  2164. .am-table > tfoot > tr.am-success > th {
  2165. color: #5eb95e;
  2166. background-color: rgba(94, 185, 94, 0.115);
  2167. }
  2168. .am-table > thead > tr > td.am-warning,
  2169. .am-table > tbody > tr > td.am-warning,
  2170. .am-table > tfoot > tr > td.am-warning,
  2171. .am-table > thead > tr > th.am-warning,
  2172. .am-table > tbody > tr > th.am-warning,
  2173. .am-table > tfoot > tr > th.am-warning,
  2174. .am-table > thead > tr.am-warning > td,
  2175. .am-table > tbody > tr.am-warning > td,
  2176. .am-table > tfoot > tr.am-warning > td,
  2177. .am-table > thead > tr.am-warning > th,
  2178. .am-table > tbody > tr.am-warning > th,
  2179. .am-table > tfoot > tr.am-warning > th {
  2180. color: #f37b1d;
  2181. background-color: rgba(243, 123, 29, 0.115);
  2182. }
  2183. .am-table > thead > tr > td.am-danger,
  2184. .am-table > tbody > tr > td.am-danger,
  2185. .am-table > tfoot > tr > td.am-danger,
  2186. .am-table > thead > tr > th.am-danger,
  2187. .am-table > tbody > tr > th.am-danger,
  2188. .am-table > tfoot > tr > th.am-danger,
  2189. .am-table > thead > tr.am-danger > td,
  2190. .am-table > tbody > tr.am-danger > td,
  2191. .am-table > tfoot > tr.am-danger > td,
  2192. .am-table > thead > tr.am-danger > th,
  2193. .am-table > tbody > tr.am-danger > th,
  2194. .am-table > tfoot > tr.am-danger > th {
  2195. color: #dd514c;
  2196. background-color: rgba(221, 81, 76, 0.115);
  2197. }
  2198. /* ==========================================================================
  2199. Component: Form
  2200. ============================================================================ */
  2201. /* Normalize */
  2202. fieldset {
  2203. border: none;
  2204. }
  2205. legend {
  2206. display: block;
  2207. width: 100%;
  2208. margin-bottom: 2rem;
  2209. font-size: 2rem;
  2210. line-height: inherit;
  2211. color: #333333;
  2212. border-bottom: 1px solid #e5e5e5;
  2213. padding-bottom: 0.5rem;
  2214. }
  2215. label {
  2216. display: inline-block;
  2217. margin-bottom: 5px;
  2218. font-weight: bold;
  2219. }
  2220. input[type="search"] {
  2221. -webkit-box-sizing: border-box;
  2222. box-sizing: border-box;
  2223. }
  2224. input[type="radio"],
  2225. input[type="checkbox"] {
  2226. margin: 4px 0 0;
  2227. margin-top: 1px \9;
  2228. /* IE8-9 */
  2229. line-height: normal;
  2230. }
  2231. input[type="file"] {
  2232. display: block;
  2233. }
  2234. select[multiple],
  2235. select[size] {
  2236. height: auto;
  2237. }
  2238. select optgroup {
  2239. font-size: inherit;
  2240. font-style: inherit;
  2241. font-family: inherit;
  2242. }
  2243. input[type="file"]:focus,
  2244. input[type="radio"]:focus,
  2245. input[type="checkbox"]:focus {
  2246. outline: thin dotted;
  2247. outline: 5px auto -webkit-focus-ring-color;
  2248. outline-offset: -2px;
  2249. }
  2250. input[type="number"]::-webkit-outer-spin-button,
  2251. input[type="number"]::-webkit-inner-spin-button {
  2252. height: auto;
  2253. }
  2254. output {
  2255. display: block;
  2256. padding-top: 1.6rem;
  2257. font-size: 1.6rem;
  2258. line-height: 1.6;
  2259. color: #555555;
  2260. vertical-align: middle;
  2261. }
  2262. /* Common form controls */
  2263. .am-form select,
  2264. .am-form textarea,
  2265. .am-form input[type="text"],
  2266. .am-form input[type="password"],
  2267. .am-form input[type="datetime"],
  2268. .am-form input[type="datetime-local"],
  2269. .am-form input[type="date"],
  2270. .am-form input[type="month"],
  2271. .am-form input[type="time"],
  2272. .am-form input[type="week"],
  2273. .am-form input[type="number"],
  2274. .am-form input[type="email"],
  2275. .am-form input[type="url"],
  2276. .am-form input[type="search"],
  2277. .am-form input[type="tel"],
  2278. .am-form input[type="color"],
  2279. .am-form-field {
  2280. display: block;
  2281. width: 100%;
  2282. padding: 0.625em;
  2283. font-size: 1.6rem;
  2284. line-height: 1.2;
  2285. color: #555555;
  2286. vertical-align: middle;
  2287. background-color: #ffffff;
  2288. background-image: none;
  2289. border: 1px solid #cccccc;
  2290. border-radius: 2px;
  2291. -webkit-appearance: none;
  2292. -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  2293. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  2294. }
  2295. .am-form select.am-square,
  2296. .am-form textarea.am-square,
  2297. .am-form input[type="text"].am-square,
  2298. .am-form input[type="password"].am-square,
  2299. .am-form input[type="datetime"].am-square,
  2300. .am-form input[type="datetime-local"].am-square,
  2301. .am-form input[type="date"].am-square,
  2302. .am-form input[type="month"].am-square,
  2303. .am-form input[type="time"].am-square,
  2304. .am-form input[type="week"].am-square,
  2305. .am-form input[type="number"].am-square,
  2306. .am-form input[type="email"].am-square,
  2307. .am-form input[type="url"].am-square,
  2308. .am-form input[type="search"].am-square,
  2309. .am-form input[type="tel"].am-square,
  2310. .am-form input[type="color"].am-square,
  2311. .am-form-field.am-square {
  2312. border-radius: 0;
  2313. }
  2314. .am-form select:focus,
  2315. .am-form textarea:focus,
  2316. .am-form input[type="text"]:focus,
  2317. .am-form input[type="password"]:focus,
  2318. .am-form input[type="datetime"]:focus,
  2319. .am-form input[type="datetime-local"]:focus,
  2320. .am-form input[type="date"]:focus,
  2321. .am-form input[type="month"]:focus,
  2322. .am-form input[type="time"]:focus,
  2323. .am-form input[type="week"]:focus,
  2324. .am-form input[type="number"]:focus,
  2325. .am-form input[type="email"]:focus,
  2326. .am-form input[type="url"]:focus,
  2327. .am-form input[type="search"]:focus,
  2328. .am-form input[type="tel"]:focus,
  2329. .am-form input[type="color"]:focus,
  2330. .am-form-field:focus {
  2331. outline: 0;
  2332. }
  2333. .am-form select:focus,
  2334. .am-form textarea:focus,
  2335. .am-form input[type="text"]:focus,
  2336. .am-form input[type="password"]:focus,
  2337. .am-form input[type="datetime"]:focus,
  2338. .am-form input[type="datetime-local"]:focus,
  2339. .am-form input[type="date"]:focus,
  2340. .am-form input[type="month"]:focus,
  2341. .am-form input[type="time"]:focus,
  2342. .am-form input[type="week"]:focus,
  2343. .am-form input[type="number"]:focus,
  2344. .am-form input[type="email"]:focus,
  2345. .am-form input[type="url"]:focus,
  2346. .am-form input[type="search"]:focus,
  2347. .am-form input[type="tel"]:focus,
  2348. .am-form input[type="color"]:focus,
  2349. .am-form-field:focus {
  2350. background-color: #fefffe;
  2351. border-color: #3bb4f2;
  2352. outline: 0;
  2353. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59, 180, 242, 0.3);
  2354. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59, 180, 242, 0.3);
  2355. }
  2356. .am-form select::-webkit-input-placeholder,
  2357. .am-form textarea::-webkit-input-placeholder,
  2358. .am-form input[type="text"]::-webkit-input-placeholder,
  2359. .am-form input[type="password"]::-webkit-input-placeholder,
  2360. .am-form input[type="datetime"]::-webkit-input-placeholder,
  2361. .am-form input[type="datetime-local"]::-webkit-input-placeholder,
  2362. .am-form input[type="date"]::-webkit-input-placeholder,
  2363. .am-form input[type="month"]::-webkit-input-placeholder,
  2364. .am-form input[type="time"]::-webkit-input-placeholder,
  2365. .am-form input[type="week"]::-webkit-input-placeholder,
  2366. .am-form input[type="number"]::-webkit-input-placeholder,
  2367. .am-form input[type="email"]::-webkit-input-placeholder,
  2368. .am-form input[type="url"]::-webkit-input-placeholder,
  2369. .am-form input[type="search"]::-webkit-input-placeholder,
  2370. .am-form input[type="tel"]::-webkit-input-placeholder,
  2371. .am-form input[type="color"]::-webkit-input-placeholder,
  2372. .am-form-field::-webkit-input-placeholder {
  2373. color: #999999;
  2374. }
  2375. .am-form select::-moz-placeholder,
  2376. .am-form textarea::-moz-placeholder,
  2377. .am-form input[type="text"]::-moz-placeholder,
  2378. .am-form input[type="password"]::-moz-placeholder,
  2379. .am-form input[type="datetime"]::-moz-placeholder,
  2380. .am-form input[type="datetime-local"]::-moz-placeholder,
  2381. .am-form input[type="date"]::-moz-placeholder,
  2382. .am-form input[type="month"]::-moz-placeholder,
  2383. .am-form input[type="time"]::-moz-placeholder,
  2384. .am-form input[type="week"]::-moz-placeholder,
  2385. .am-form input[type="number"]::-moz-placeholder,
  2386. .am-form input[type="email"]::-moz-placeholder,
  2387. .am-form input[type="url"]::-moz-placeholder,
  2388. .am-form input[type="search"]::-moz-placeholder,
  2389. .am-form input[type="tel"]::-moz-placeholder,
  2390. .am-form input[type="color"]::-moz-placeholder,
  2391. .am-form-field::-moz-placeholder {
  2392. color: #999999;
  2393. }
  2394. .am-form select:-ms-input-placeholder,
  2395. .am-form textarea:-ms-input-placeholder,
  2396. .am-form input[type="text"]:-ms-input-placeholder,
  2397. .am-form input[type="password"]:-ms-input-placeholder,
  2398. .am-form input[type="datetime"]:-ms-input-placeholder,
  2399. .am-form input[type="datetime-local"]:-ms-input-placeholder,
  2400. .am-form input[type="date"]:-ms-input-placeholder,
  2401. .am-form input[type="month"]:-ms-input-placeholder,
  2402. .am-form input[type="time"]:-ms-input-placeholder,
  2403. .am-form input[type="week"]:-ms-input-placeholder,
  2404. .am-form input[type="number"]:-ms-input-placeholder,
  2405. .am-form input[type="email"]:-ms-input-placeholder,
  2406. .am-form input[type="url"]:-ms-input-placeholder,
  2407. .am-form input[type="search"]:-ms-input-placeholder,
  2408. .am-form input[type="tel"]:-ms-input-placeholder,
  2409. .am-form input[type="color"]:-ms-input-placeholder,
  2410. .am-form-field:-ms-input-placeholder {
  2411. color: #999999;
  2412. }
  2413. .am-form select::placeholder,
  2414. .am-form textarea::placeholder,
  2415. .am-form input[type="text"]::placeholder,
  2416. .am-form input[type="password"]::placeholder,
  2417. .am-form input[type="datetime"]::placeholder,
  2418. .am-form input[type="datetime-local"]::placeholder,
  2419. .am-form input[type="date"]::placeholder,
  2420. .am-form input[type="month"]::placeholder,
  2421. .am-form input[type="time"]::placeholder,
  2422. .am-form input[type="week"]::placeholder,
  2423. .am-form input[type="number"]::placeholder,
  2424. .am-form input[type="email"]::placeholder,
  2425. .am-form input[type="url"]::placeholder,
  2426. .am-form input[type="search"]::placeholder,
  2427. .am-form input[type="tel"]::placeholder,
  2428. .am-form input[type="color"]::placeholder,
  2429. .am-form-field::placeholder {
  2430. color: #999999;
  2431. }
  2432. .am-form select::-moz-placeholder,
  2433. .am-form textarea::-moz-placeholder,
  2434. .am-form input[type="text"]::-moz-placeholder,
  2435. .am-form input[type="password"]::-moz-placeholder,
  2436. .am-form input[type="datetime"]::-moz-placeholder,
  2437. .am-form input[type="datetime-local"]::-moz-placeholder,
  2438. .am-form input[type="date"]::-moz-placeholder,
  2439. .am-form input[type="month"]::-moz-placeholder,
  2440. .am-form input[type="time"]::-moz-placeholder,
  2441. .am-form input[type="week"]::-moz-placeholder,
  2442. .am-form input[type="number"]::-moz-placeholder,
  2443. .am-form input[type="email"]::-moz-placeholder,
  2444. .am-form input[type="url"]::-moz-placeholder,
  2445. .am-form input[type="search"]::-moz-placeholder,
  2446. .am-form input[type="tel"]::-moz-placeholder,
  2447. .am-form input[type="color"]::-moz-placeholder,
  2448. .am-form-field::-moz-placeholder {
  2449. opacity: 1;
  2450. }
  2451. .am-form select[disabled],
  2452. .am-form textarea[disabled],
  2453. .am-form input[type="text"][disabled],
  2454. .am-form input[type="password"][disabled],
  2455. .am-form input[type="datetime"][disabled],
  2456. .am-form input[type="datetime-local"][disabled],
  2457. .am-form input[type="date"][disabled],
  2458. .am-form input[type="month"][disabled],
  2459. .am-form input[type="time"][disabled],
  2460. .am-form input[type="week"][disabled],
  2461. .am-form input[type="number"][disabled],
  2462. .am-form input[type="email"][disabled],
  2463. .am-form input[type="url"][disabled],
  2464. .am-form input[type="search"][disabled],
  2465. .am-form input[type="tel"][disabled],
  2466. .am-form input[type="color"][disabled],
  2467. .am-form-field[disabled],
  2468. .am-form select[readonly],
  2469. .am-form textarea[readonly],
  2470. .am-form input[type="text"][readonly],
  2471. .am-form input[type="password"][readonly],
  2472. .am-form input[type="datetime"][readonly],
  2473. .am-form input[type="datetime-local"][readonly],
  2474. .am-form input[type="date"][readonly],
  2475. .am-form input[type="month"][readonly],
  2476. .am-form input[type="time"][readonly],
  2477. .am-form input[type="week"][readonly],
  2478. .am-form input[type="number"][readonly],
  2479. .am-form input[type="email"][readonly],
  2480. .am-form input[type="url"][readonly],
  2481. .am-form input[type="search"][readonly],
  2482. .am-form input[type="tel"][readonly],
  2483. .am-form input[type="color"][readonly],
  2484. .am-form-field[readonly],
  2485. fieldset[disabled] .am-form select,
  2486. fieldset[disabled] .am-form textarea,
  2487. fieldset[disabled] .am-form input[type="text"],
  2488. fieldset[disabled] .am-form input[type="password"],
  2489. fieldset[disabled] .am-form input[type="datetime"],
  2490. fieldset[disabled] .am-form input[type="datetime-local"],
  2491. fieldset[disabled] .am-form input[type="date"],
  2492. fieldset[disabled] .am-form input[type="month"],
  2493. fieldset[disabled] .am-form input[type="time"],
  2494. fieldset[disabled] .am-form input[type="week"],
  2495. fieldset[disabled] .am-form input[type="number"],
  2496. fieldset[disabled] .am-form input[type="email"],
  2497. fieldset[disabled] .am-form input[type="url"],
  2498. fieldset[disabled] .am-form input[type="search"],
  2499. fieldset[disabled] .am-form input[type="tel"],
  2500. fieldset[disabled] .am-form input[type="color"],
  2501. fieldset[disabled] .am-form-field {
  2502. cursor: not-allowed;
  2503. background-color: #eeeeee;
  2504. }
  2505. .am-form select.am-radius,
  2506. .am-form textarea.am-radius,
  2507. .am-form input[type="text"].am-radius,
  2508. .am-form input[type="password"].am-radius,
  2509. .am-form input[type="datetime"].am-radius,
  2510. .am-form input[type="datetime-local"].am-radius,
  2511. .am-form input[type="date"].am-radius,
  2512. .am-form input[type="month"].am-radius,
  2513. .am-form input[type="time"].am-radius,
  2514. .am-form input[type="week"].am-radius,
  2515. .am-form input[type="number"].am-radius,
  2516. .am-form input[type="email"].am-radius,
  2517. .am-form input[type="url"].am-radius,
  2518. .am-form input[type="search"].am-radius,
  2519. .am-form input[type="tel"].am-radius,
  2520. .am-form input[type="color"].am-radius,
  2521. .am-form-field.am-radius {
  2522. border-radius: 2px;
  2523. }
  2524. .am-form select.am-round,
  2525. .am-form textarea.am-round,
  2526. .am-form input[type="text"].am-round,
  2527. .am-form input[type="password"].am-round,
  2528. .am-form input[type="datetime"].am-round,
  2529. .am-form input[type="datetime-local"].am-round,
  2530. .am-form input[type="date"].am-round,
  2531. .am-form input[type="month"].am-round,
  2532. .am-form input[type="time"].am-round,
  2533. .am-form input[type="week"].am-round,
  2534. .am-form input[type="number"].am-round,
  2535. .am-form input[type="email"].am-round,
  2536. .am-form input[type="url"].am-round,
  2537. .am-form input[type="search"].am-round,
  2538. .am-form input[type="tel"].am-round,
  2539. .am-form input[type="color"].am-round,
  2540. .am-form-field.am-round {
  2541. border-radius: 1000px;
  2542. }
  2543. .am-form textarea,
  2544. .am-form select[multiple],
  2545. .am-form select[size] {
  2546. height: auto;
  2547. }
  2548. .am-form select {
  2549. -webkit-appearance: none !important;
  2550. -webkit-border-radius: 2px;
  2551. background: #ffffff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+') no-repeat 100% center;
  2552. }
  2553. .am-form select[multiple="multiple"] {
  2554. background-image: none;
  2555. }
  2556. /* help text */
  2557. .am-form-help {
  2558. display: block;
  2559. margin-top: 5px;
  2560. margin-bottom: 10px;
  2561. color: #999999;
  2562. font-size: 1.3rem;
  2563. }
  2564. /* form group */
  2565. .am-form-group {
  2566. margin-bottom: 1.5rem;
  2567. }
  2568. /**
  2569. * Checkboxes and radios
  2570. * Indent the labels to position radios/checkboxes as hanging controls.
  2571. */
  2572. .am-radio,
  2573. .am-checkbox {
  2574. display: block;
  2575. min-height: 1.92rem;
  2576. margin-top: 10px;
  2577. margin-bottom: 10px;
  2578. padding-left: 20px;
  2579. vertical-align: middle;
  2580. }
  2581. .am-radio label,
  2582. .am-checkbox label {
  2583. display: inline;
  2584. margin-bottom: 0;
  2585. font-weight: normal;
  2586. cursor: pointer;
  2587. }
  2588. .am-radio input[type="radio"],
  2589. .am-radio-inline input[type="radio"],
  2590. .am-checkbox input[type="checkbox"],
  2591. .am-checkbox-inline input[type="checkbox"] {
  2592. float: left;
  2593. margin-left: -20px;
  2594. outline: none;
  2595. }
  2596. .am-radio + .am-radio,
  2597. .am-checkbox + .am-checkbox {
  2598. margin-top: -5px;
  2599. }
  2600. /* Radios and checkboxes inline */
  2601. .am-radio-inline,
  2602. .am-checkbox-inline {
  2603. display: inline-block;
  2604. padding-left: 20px;
  2605. margin-bottom: 0;
  2606. vertical-align: middle;
  2607. font-weight: normal;
  2608. cursor: pointer;
  2609. }
  2610. .am-radio-inline + .am-radio-inline,
  2611. .am-checkbox-inline + .am-checkbox-inline {
  2612. margin-top: 0;
  2613. margin-left: 10px;
  2614. }
  2615. input[type="radio"][disabled],
  2616. input[type="checkbox"][disabled],
  2617. .am-radio[disabled],
  2618. .am-radio-inline[disabled],
  2619. .am-checkbox[disabled],
  2620. .am-checkbox-inline[disabled],
  2621. fieldset[disabled] input[type="radio"],
  2622. fieldset[disabled] input[type="checkbox"],
  2623. fieldset[disabled] .am-radio,
  2624. fieldset[disabled] .am-radio-inline,
  2625. fieldset[disabled] .am-checkbox,
  2626. fieldset[disabled] .am-checkbox-inline {
  2627. cursor: not-allowed;
  2628. }
  2629. /* Form field feedback states */
  2630. .am-form-warning .am-form-help,
  2631. .am-form-warning .am-form-label,
  2632. .am-form-warning .am-radio,
  2633. .am-form-warning .am-checkbox,
  2634. .am-form-warning .am-radio-inline,
  2635. .am-form-warning .am-checkbox-inline,
  2636. .am-form-warning label {
  2637. color: #f37b1d;
  2638. }
  2639. .am-form-warning [class*="icon-"] {
  2640. color: #f37b1d;
  2641. }
  2642. .am-form-warning .am-form-field {
  2643. border-color: #f37b1d !important;
  2644. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2645. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2646. }
  2647. .am-form-warning .am-form-field:focus {
  2648. background-color: #fefffe;
  2649. border-color: #d2620b;
  2650. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important;
  2651. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important;
  2652. }
  2653. .am-form-error .am-form-help,
  2654. .am-form-error .am-form-label,
  2655. .am-form-error .am-radio,
  2656. .am-form-error .am-checkbox,
  2657. .am-form-error .am-radio-inline,
  2658. .am-form-error .am-checkbox-inline,
  2659. .am-form-error label {
  2660. color: #dd514c;
  2661. }
  2662. .am-form-error [class*="icon-"] {
  2663. color: #dd514c;
  2664. }
  2665. .am-form-error .am-form-field,
  2666. .am-field-error {
  2667. border-color: #dd514c !important;
  2668. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2669. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2670. }
  2671. .am-form-error .am-form-field:focus,
  2672. .am-field-error:focus {
  2673. background-color: #fefffe;
  2674. border-color: #cf2d27;
  2675. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important;
  2676. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important;
  2677. }
  2678. .am-form-success .am-form-help,
  2679. .am-form-success .am-form-label,
  2680. .am-form-success .am-radio,
  2681. .am-form-success .am-checkbox,
  2682. .am-form-success .am-radio-inline,
  2683. .am-form-success .am-checkbox-inline,
  2684. .am-form-success label {
  2685. color: #5eb95e;
  2686. }
  2687. .am-form-success [class*="icon-"] {
  2688. color: #5eb95e;
  2689. }
  2690. .am-form-success .am-form-field,
  2691. .am-field-valid {
  2692. border-color: #5eb95e !important;
  2693. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2694. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2695. }
  2696. .am-form-success .am-form-field:focus,
  2697. .am-field-valid:focus {
  2698. background-color: #fefffe;
  2699. border-color: #459f45;
  2700. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important;
  2701. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important;
  2702. }
  2703. /* Horizontal forms */
  2704. .am-form-horizontal .am-form-label,
  2705. .am-form-horizontal .am-radio,
  2706. .am-form-horizontal .am-checkbox,
  2707. .am-form-horizontal .am-radio-inline,
  2708. .am-form-horizontal .am-checkbox-inline {
  2709. margin-top: 0;
  2710. margin-bottom: 0;
  2711. padding-top: 0.6em;
  2712. }
  2713. .am-form-horizontal .am-form-group:before,
  2714. .am-form-horizontal .am-form-group:after {
  2715. content: " ";
  2716. display: table;
  2717. }
  2718. .am-form-horizontal .am-form-group:after {
  2719. clear: both;
  2720. }
  2721. @media only screen and (min-width:641px) {
  2722. .am-form-horizontal .am-form-label {
  2723. text-align: right;
  2724. }
  2725. }
  2726. /* Inline form elements */
  2727. @media only screen and (min-width:641px) {
  2728. .am-form-inline .am-form-group {
  2729. display: inline-block;
  2730. margin-bottom: 0;
  2731. vertical-align: middle;
  2732. }
  2733. .am-form-inline .am-form-field {
  2734. display: inline-block;
  2735. width: auto;
  2736. vertical-align: middle;
  2737. }
  2738. .am-form-inline .am-input-group {
  2739. display: inline-table;
  2740. vertical-align: middle;
  2741. }
  2742. .am-form-inline .am-input-group .am-input-group-addon,
  2743. .am-form-inline .am-input-group .am-input-group-btn,
  2744. .am-form-inline .am-input-group .am-form-control {
  2745. width: auto;
  2746. }
  2747. .am-form-inline .am-input-group > .am-form-field {
  2748. width: 100%;
  2749. }
  2750. .am-form-inline .am-form-label {
  2751. margin-bottom: 0;
  2752. vertical-align: middle;
  2753. }
  2754. .am-form-inline .am-radio,
  2755. .am-form-inline .am-checkbox {
  2756. display: inline-block;
  2757. margin-top: 0;
  2758. margin-bottom: 0;
  2759. padding-left: 0;
  2760. vertical-align: middle;
  2761. }
  2762. .am-form-inline .am-radio input[type="radio"],
  2763. .am-form-inline .am-checkbox input[type="checkbox"] {
  2764. float: none;
  2765. margin-left: 0;
  2766. }
  2767. .am-form-inline .am-form-feedback .am-form-field-feedback {
  2768. top: 0;
  2769. }
  2770. }
  2771. /* Form field size */
  2772. .am-input-sm {
  2773. font-size: 1.4rem !important;
  2774. }
  2775. .am-input-lg {
  2776. font-size: 1.8rem !important;
  2777. }
  2778. /* Form field feedback states */
  2779. .am-form-icon {
  2780. position: relative;
  2781. }
  2782. .am-form-icon .am-form-field {
  2783. padding-left: 1.875em !important;
  2784. }
  2785. .am-form-icon [class*='am-icon-'] {
  2786. position: absolute;
  2787. left: 0.625em;
  2788. top: 50%;
  2789. display: block;
  2790. margin-top: -0.635em;
  2791. line-height: 1;
  2792. z-index: 2;
  2793. }
  2794. /* Feedback Icon */
  2795. .am-form-feedback {
  2796. position: relative;
  2797. }
  2798. .am-form-feedback .am-form-field {
  2799. padding-left: 0.625em !important;
  2800. padding-right: 1.875em !important;
  2801. }
  2802. .am-form-feedback [class*='am-icon-'] {
  2803. right: 0.625em;
  2804. left: auto;
  2805. }
  2806. /* Form set */
  2807. .am-form-set {
  2808. margin-bottom: 1.5rem;
  2809. padding: 0;
  2810. }
  2811. .am-form-set > input {
  2812. position: relative;
  2813. top: -1px;
  2814. border-radius: 0 !important;
  2815. }
  2816. .am-form-set > input:focus {
  2817. z-index: 2;
  2818. }
  2819. .am-form-set > input:first-child {
  2820. top: 1px;
  2821. border-top-right-radius: 2px !important;
  2822. border-top-left-radius: 2px !important;
  2823. }
  2824. .am-form-set > input:last-child {
  2825. top: -2px;
  2826. border-bottom-right-radius: 2px !important;
  2827. border-bottom-left-radius: 2px !important;
  2828. }
  2829. /* ==========================================================================
  2830. Component: Image
  2831. ============================================================================ */
  2832. /* Image thumbnails */
  2833. .am-img-thumbnail {
  2834. display: inline-block;
  2835. padding: 2px;
  2836. line-height: 1.6;
  2837. background-color: #ffffff;
  2838. border: 1px solid #dddddd;
  2839. border-radius: 2px;
  2840. -webkit-transition: all 0.2s ease-in-out;
  2841. transition: all 0.2s ease-in-out;
  2842. }
  2843. .am-img-thumbnail.am-radius {
  2844. border-radius: 2px;
  2845. }
  2846. .am-img-responsive {
  2847. display: block;
  2848. }
  2849. /* ==========================================================================
  2850. Component: Nav
  2851. ============================================================================ */
  2852. .am-nav {
  2853. margin-bottom: 0;
  2854. padding: 0;
  2855. list-style: none;
  2856. }
  2857. .am-nav:before,
  2858. .am-nav:after {
  2859. content: " ";
  2860. display: table;
  2861. }
  2862. .am-nav:after {
  2863. clear: both;
  2864. }
  2865. .am-nav > li {
  2866. position: relative;
  2867. display: block;
  2868. }
  2869. .am-nav > li + li {
  2870. margin-top: 5px;
  2871. }
  2872. .am-nav > li + .am-nav-header {
  2873. margin-top: 1em;
  2874. }
  2875. .am-nav > li > a {
  2876. position: relative;
  2877. display: block;
  2878. padding: 0.4em 1em;
  2879. border-radius: 2px;
  2880. }
  2881. .am-nav > li > a:hover,
  2882. .am-nav > li > a:focus {
  2883. text-decoration: none;
  2884. background-color: #eeeeee;
  2885. }
  2886. .am-nav > li.am-active > a,
  2887. .am-nav > li.am-active > a:hover,
  2888. .am-nav > li.am-active > a:focus {
  2889. color: #ffffff;
  2890. background-color: #0e90d2;
  2891. cursor: default;
  2892. }
  2893. .am-nav > li.am-disabled > a {
  2894. color: #999999;
  2895. }
  2896. .am-nav > li.am-disabled > a:hover,
  2897. .am-nav > li.am-disabled > a:focus {
  2898. color: #999999;
  2899. text-decoration: none;
  2900. background-color: transparent;
  2901. cursor: not-allowed;
  2902. }
  2903. .am-nav-header {
  2904. padding: 0.4em 1em;
  2905. text-transform: uppercase;
  2906. font-weight: bold;
  2907. font-size: 100%;
  2908. color: #555555;
  2909. }
  2910. .am-nav-divider {
  2911. margin: 15px 1em !important;
  2912. border-top: 1px solid #ddd;
  2913. -webkit-box-shadow: 0 1px 0 #fff;
  2914. box-shadow: 0 1px 0 #fff;
  2915. }
  2916. .am-nav-pills > li {
  2917. float: left;
  2918. }
  2919. .am-nav-pills > li + li {
  2920. margin-left: 5px;
  2921. margin-top: 0;
  2922. }
  2923. .am-nav-tabs {
  2924. border-bottom: 1px solid #dddddd;
  2925. }
  2926. .am-nav-tabs > li {
  2927. float: left;
  2928. margin-bottom: -1px;
  2929. }
  2930. .am-nav-tabs > li + li {
  2931. margin-top: 0;
  2932. }
  2933. .am-nav-tabs > li > a {
  2934. margin-right: 5px;
  2935. line-height: 1.6;
  2936. border: 1px solid transparent;
  2937. border-radius: 2px 2px 0 0;
  2938. }
  2939. .am-nav-tabs > li > a:hover {
  2940. border-color: #eeeeee #eeeeee #dddddd;
  2941. }
  2942. .am-nav-tabs > li.am-active > a,
  2943. .am-nav-tabs > li.am-active > a:hover,
  2944. .am-nav-tabs > li.am-active > a:focus {
  2945. color: #555555;
  2946. background-color: #ffffff;
  2947. border: 1px solid #dddddd;
  2948. border-bottom-color: transparent;
  2949. cursor: default;
  2950. }
  2951. .am-nav-tabs.am-nav-justify {
  2952. border-bottom: 0
  2953. /* > li > a {
  2954. margin-right: 0;
  2955. border-radius: @global-radius;
  2956. }
  2957. > .am-active > a {
  2958. &,
  2959. &:hover,
  2960. &:focus {
  2961. border: 1px solid @nav-tabs-justify-link-border-color;
  2962. }
  2963. }*/
  2964. }
  2965. .am-nav-tabs.am-nav-justify > li > a {
  2966. margin-right: 0;
  2967. border-bottom: 1px solid #dddddd;
  2968. border-radius: 2px 2px 0 0;
  2969. }
  2970. .am-nav-tabs.am-nav-justify > .am-active > a,
  2971. .am-nav-tabs.am-nav-justify > .am-active > a:hover,
  2972. .am-nav-tabs.am-nav-justify > .am-active > a:focus {
  2973. border-bottom-color: #ffffff;
  2974. }
  2975. .am-nav-justify {
  2976. width: 100%;
  2977. display: -webkit-box;
  2978. display: -webkit-flex;
  2979. display: -ms-flexbox;
  2980. display: flex;
  2981. }
  2982. .am-nav-justify > li {
  2983. float: none;
  2984. -webkit-box-flex: 1;
  2985. -webkit-flex: 1;
  2986. -ms-flex: 1;
  2987. flex: 1;
  2988. }
  2989. .am-nav-justify > li > a {
  2990. text-align: center;
  2991. margin-bottom: 0;
  2992. }
  2993. .lte9 .am-nav-justify > li {
  2994. display: table-cell;
  2995. width: 1%;
  2996. }
  2997. /* ==========================================================================
  2998. Component: Topbar
  2999. ============================================================================ */
  3000. .am-topbar {
  3001. position: relative;
  3002. min-height: 50px;
  3003. margin-bottom: 1.6rem;
  3004. background: #f8f8f8;
  3005. border-width: 0 0 1px;
  3006. border-style: solid;
  3007. border-color: #dddddd;
  3008. color: #666666;
  3009. }
  3010. .am-topbar:before,
  3011. .am-topbar:after {
  3012. content: " ";
  3013. display: table;
  3014. }
  3015. .am-topbar:after {
  3016. clear: both;
  3017. }
  3018. .am-topbar a {
  3019. color: #666666;
  3020. }
  3021. .am-topbar-brand {
  3022. margin: 0;
  3023. }
  3024. @media only screen and (min-width:641px) {
  3025. .am-topbar-brand {
  3026. float: left;
  3027. }
  3028. }
  3029. .am-topbar-brand a:hover {
  3030. color: #4d4d4d;
  3031. }
  3032. .am-topbar-collapse {
  3033. width: 100%;
  3034. overflow-x: visible;
  3035. padding: 10px;
  3036. clear: both;
  3037. -webkit-overflow-scrolling: touch;
  3038. }
  3039. .am-topbar-collapse:before,
  3040. .am-topbar-collapse:after {
  3041. content: " ";
  3042. display: table;
  3043. }
  3044. .am-topbar-collapse:after {
  3045. clear: both;
  3046. }
  3047. .am-topbar-collapse.am-in {
  3048. overflow-y: auto;
  3049. }
  3050. @media only screen and (min-width:641px) {
  3051. .am-topbar-collapse {
  3052. margin-top: 0;
  3053. padding: 0;
  3054. width: auto;
  3055. clear: none;
  3056. }
  3057. .am-topbar-collapse.am-collapse {
  3058. display: block !important;
  3059. height: auto !important;
  3060. padding: 0;
  3061. overflow: visible !important;
  3062. }
  3063. .am-topbar-collapse.am-in {
  3064. overflow-y: visible;
  3065. }
  3066. }
  3067. .am-topbar-brand {
  3068. padding: 0 10px;
  3069. float: left;
  3070. font-size: 1.8rem;
  3071. height: 50px;
  3072. line-height: 50px;
  3073. }
  3074. .am-topbar-toggle {
  3075. position: relative;
  3076. float: right;
  3077. margin-right: 10px;
  3078. }
  3079. @media only screen and (min-width:641px) {
  3080. .am-topbar-toggle {
  3081. display: none;
  3082. }
  3083. }
  3084. @media only screen and (max-width: 640px) {
  3085. .am-topbar-nav {
  3086. margin-bottom: 8px;
  3087. }
  3088. .am-topbar-nav > li {
  3089. float: none;
  3090. }
  3091. }
  3092. @media only screen and (max-width: 640px) {
  3093. .am-topbar-nav > li + li {
  3094. margin-left: 0;
  3095. margin-top: 5px;
  3096. }
  3097. }
  3098. @media only screen and (min-width:641px) {
  3099. .am-topbar-nav {
  3100. float: left;
  3101. }
  3102. .am-topbar-nav > li > a {
  3103. position: relative;
  3104. line-height: 50px;
  3105. padding: 0 10px;
  3106. }
  3107. .am-topbar-nav > li > a:after {
  3108. position: absolute;
  3109. left: 50%;
  3110. margin-left: -7px;
  3111. bottom: -1px;
  3112. content: "";
  3113. display: inline-block;
  3114. width: 0;
  3115. height: 0;
  3116. vertical-align: middle;
  3117. border-bottom: 7px solid #f8f8f8;
  3118. border-right: 7px solid transparent;
  3119. border-left: 7px solid transparent;
  3120. border-top: 0 dotted;
  3121. -webkit-transform: rotate(360deg);
  3122. -ms-transform: rotate(360deg);
  3123. transform: rotate(360deg);
  3124. opacity: 0;
  3125. -webkit-transition: opacity .1s;
  3126. transition: opacity .1s;
  3127. }
  3128. .am-topbar-nav > li > a:hover:after {
  3129. opacity: 1;
  3130. border-bottom-color: #666666;
  3131. }
  3132. .am-topbar-nav > li.am-dropdown > a:after {
  3133. display: none;
  3134. }
  3135. .am-topbar-nav > li.am-active > a,
  3136. .am-topbar-nav > li.am-active > a:hover,
  3137. .am-topbar-nav > li.am-active > a:focus {
  3138. border-radius: 0;
  3139. color: #0e90d2;
  3140. background: none;
  3141. }
  3142. .am-topbar-nav > li.am-active > a:after {
  3143. opacity: 1;
  3144. border-bottom-color: #0e90d2;
  3145. }
  3146. }
  3147. @media only screen and (max-width: 640px) {
  3148. .am-topbar-collapse .am-dropdown.am-active .am-dropdown-content {
  3149. float: none;
  3150. position: relative;
  3151. width: 100%;
  3152. }
  3153. }
  3154. @media only screen and (min-width:641px) {
  3155. .am-topbar-left {
  3156. float: left;
  3157. }
  3158. .am-topbar-right {
  3159. float: right;
  3160. margin-right: 10px;
  3161. }
  3162. }
  3163. @media only screen and (max-width: 640px) {
  3164. .am-topbar-form .am-form-group {
  3165. margin-bottom: 5px;
  3166. }
  3167. }
  3168. @media only screen and (min-width:641px) {
  3169. .am-topbar-form {
  3170. padding: 0 10px;
  3171. margin-top: 8px;
  3172. }
  3173. .am-topbar-form .am-form-group + .am-btn {
  3174. margin-left: 5px;
  3175. }
  3176. }
  3177. .am-topbar-btn {
  3178. margin-top: 8px;
  3179. }
  3180. @media only screen and (max-width: 640px) {
  3181. .am-topbar-collapse .am-topbar-btn,
  3182. .am-topbar-collapse .am-btn {
  3183. display: block;
  3184. width: 100%;
  3185. }
  3186. }
  3187. .am-topbar-inverse {
  3188. background-color: #0e90d2;
  3189. border-color: #0b6fa2;
  3190. color: #eeeeee;
  3191. }
  3192. .am-topbar-inverse a {
  3193. color: #eeeeee;
  3194. }
  3195. .am-topbar-inverse .am-topbar-brand a {
  3196. color: #ffffff;
  3197. }
  3198. .am-topbar-inverse .am-topbar-brand a:hover,
  3199. .am-topbar-inverse .am-topbar-brand a:focus {
  3200. color: #ffffff;
  3201. background-color: transparent;
  3202. }
  3203. .am-topbar-inverse .am-topbar-nav > li > a {
  3204. color: #eeeeee;
  3205. }
  3206. .am-topbar-inverse .am-topbar-nav > li > a:hover,
  3207. .am-topbar-inverse .am-topbar-nav > li > a:focus {
  3208. color: #ffffff;
  3209. background-color: rgba(0, 0, 0, 0.05);
  3210. }
  3211. .am-topbar-inverse .am-topbar-nav > li > a:hover:after,
  3212. .am-topbar-inverse .am-topbar-nav > li > a:focus:after {
  3213. border-bottom-color: #0b6fa2;
  3214. }
  3215. .am-topbar-inverse .am-topbar-nav > li > a:after {
  3216. border-bottom-color: #0e90d2;
  3217. }
  3218. .am-topbar-inverse .am-topbar-nav > li.am-active > a,
  3219. .am-topbar-inverse .am-topbar-nav > li.am-active > a:hover,
  3220. .am-topbar-inverse .am-topbar-nav > li.am-active > a:focus {
  3221. color: #ffffff;
  3222. background-color: rgba(0, 0, 0, 0.1);
  3223. }
  3224. .am-topbar-inverse .am-topbar-nav > li.am-active > a:after,
  3225. .am-topbar-inverse .am-topbar-nav > li.am-active > a:hover:after,
  3226. .am-topbar-inverse .am-topbar-nav > li.am-active > a:focus:after {
  3227. border-bottom-color: #ffffff;
  3228. }
  3229. .am-topbar-inverse .am-topbar-nav > li .disabled > a,
  3230. .am-topbar-inverse .am-topbar-nav > li .disabled > a:hover,
  3231. .am-topbar-inverse .am-topbar-nav > li .disabled > a:focus {
  3232. color: #444444;
  3233. background-color: transparent;
  3234. }
  3235. .am-topbar-fixed-top,
  3236. .am-topbar-fixed-bottom {
  3237. position: fixed;
  3238. right: 0;
  3239. left: 0;
  3240. z-index: 1000;
  3241. -webkit-transform: translate3d(0, 0, 0);
  3242. transform: translate3d(0, 0, 0);
  3243. }
  3244. .am-topbar-fixed-top {
  3245. top: 0;
  3246. }
  3247. .am-topbar-fixed-bottom {
  3248. bottom: 0;
  3249. margin-bottom: 0;
  3250. border-width: 1px 0 0;
  3251. }
  3252. .am-with-topbar-fixed-top {
  3253. padding-top: 51px;
  3254. }
  3255. .am-with-topbar-fixed-bottom {
  3256. padding-bottom: 51px;
  3257. }
  3258. @media only screen and (max-width: 640px) {
  3259. .am-topbar-fixed-bottom .am-topbar-collapse {
  3260. position: absolute;
  3261. bottom: 100%;
  3262. margin-bottom: 1px;
  3263. background-color: #f8f8f8;
  3264. }
  3265. .am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:before,
  3266. .am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:after {
  3267. display: none;
  3268. }
  3269. .am-topbar-fixed-bottom.am-topbar-inverse .am-topbar-collapse {
  3270. background-color: #0e90d2;
  3271. }
  3272. }
  3273. /* ==========================================================================
  3274. Component: Breadcrumb
  3275. ============================================================================ */
  3276. .am-breadcrumb {
  3277. padding: .7em .5em;
  3278. margin-bottom: 2rem;
  3279. list-style: none;
  3280. background-color: transparent;
  3281. border-radius: 2px;
  3282. font-size: 85%;
  3283. }
  3284. .am-breadcrumb > li {
  3285. display: inline-block;
  3286. }
  3287. .am-breadcrumb > li [class*="am-icon-"]:before {
  3288. color: #999999;
  3289. margin-right: 5px;
  3290. }
  3291. .am-breadcrumb > li + li:before {
  3292. content: "»\00a0";
  3293. padding: 0 8px;
  3294. color: #cccccc;
  3295. }
  3296. .am-breadcrumb > .am-active {
  3297. color: #999999;
  3298. }
  3299. .am-breadcrumb-slash > li + li:before {
  3300. content: "/\00a0";
  3301. }
  3302. /* ==========================================================================
  3303. Component: Pagination
  3304. ============================================================================ */
  3305. .am-pagination {
  3306. padding-left: 0;
  3307. margin: 1.5rem 0;
  3308. list-style: none;
  3309. color: #999999;
  3310. text-align: left;
  3311. }
  3312. .am-pagination:before,
  3313. .am-pagination:after {
  3314. content: " ";
  3315. display: table;
  3316. }
  3317. .am-pagination:after {
  3318. clear: both;
  3319. }
  3320. .am-pagination > li {
  3321. display: inline-block;
  3322. }
  3323. .am-pagination > li > a,
  3324. .am-pagination > li > span {
  3325. position: relative;
  3326. display: block;
  3327. padding: 0.5em 1em;
  3328. text-decoration: none;
  3329. line-height: 1.2;
  3330. background-color: #ffffff;
  3331. border: 1px solid #dddddd;
  3332. border-radius: 2px;
  3333. margin-bottom: 5px;
  3334. margin-right: 5px;
  3335. }
  3336. .am-pagination > li:last-child > a,
  3337. .am-pagination > li:last-child > span {
  3338. margin-right: 0;
  3339. }
  3340. .am-pagination > li > a:hover,
  3341. .am-pagination > li > span:hover,
  3342. .am-pagination > li > a:focus,
  3343. .am-pagination > li > span:focus {
  3344. background-color: #eeeeee;
  3345. }
  3346. .am-pagination > .am-active > a,
  3347. .am-pagination > .am-active > span,
  3348. .am-pagination > .am-active > a:hover,
  3349. .am-pagination > .am-active > span:hover,
  3350. .am-pagination > .am-active > a:focus,
  3351. .am-pagination > .am-active > span:focus {
  3352. z-index: 2;
  3353. color: #ffffff;
  3354. background-color: #0e90d2;
  3355. border-color: #0e90d2;
  3356. cursor: default;
  3357. }
  3358. .am-pagination > .am-disabled > span,
  3359. .am-pagination > .am-disabled > span:hover,
  3360. .am-pagination > .am-disabled > span:focus,
  3361. .am-pagination > .am-disabled > a,
  3362. .am-pagination > .am-disabled > a:hover,
  3363. .am-pagination > .am-disabled > a:focus {
  3364. color: #999999;
  3365. background-color: #ffffff;
  3366. border-color: #dddddd;
  3367. cursor: not-allowed;
  3368. pointer-events: none;
  3369. }
  3370. .am-pagination .am-pagination-prev {
  3371. float: left;
  3372. }
  3373. .am-pagination .am-pagination-prev a {
  3374. border-radius: 2px;
  3375. }
  3376. .am-pagination .am-pagination-next {
  3377. float: right;
  3378. }
  3379. .am-pagination .am-pagination-next a {
  3380. border-radius: 2px;
  3381. }
  3382. .am-pagination-centered {
  3383. text-align: center;
  3384. }
  3385. .am-pagination-right {
  3386. text-align: right;
  3387. }
  3388. /* ==========================================================================
  3389. Component: Aniamtion
  3390. ============================================================================ */
  3391. [class*="am-animation-"] {
  3392. -webkit-animation-duration: 0.5s;
  3393. animation-duration: 0.5s;
  3394. -webkit-animation-timing-function: ease-out;
  3395. animation-timing-function: ease-out;
  3396. -webkit-animation-fill-mode: both;
  3397. animation-fill-mode: both;
  3398. }
  3399. /* Hide animated element if scrollSpy is used */
  3400. @media screen {
  3401. .cssanimations [data-am-scrollspy*="animation"] {
  3402. opacity: 0;
  3403. }
  3404. }
  3405. /* Fade */
  3406. .am-animation-fade {
  3407. -webkit-animation-name: am-fade;
  3408. animation-name: am-fade;
  3409. -webkit-animation-duration: 0.8s;
  3410. animation-duration: 0.8s;
  3411. -webkit-animation-timing-function: linear;
  3412. animation-timing-function: linear;
  3413. }
  3414. /* Scale */
  3415. .am-animation-scale-up {
  3416. -webkit-animation-name: am-scale-up;
  3417. animation-name: am-scale-up;
  3418. }
  3419. .am-animation-scale-down {
  3420. -webkit-animation-name: am-scale-down;
  3421. animation-name: am-scale-down;
  3422. }
  3423. /* Slide */
  3424. .am-animation-slide-top {
  3425. -webkit-animation-name: am-slide-top;
  3426. animation-name: am-slide-top;
  3427. }
  3428. .am-animation-slide-bottom {
  3429. -webkit-animation-name: am-slide-bottom;
  3430. animation-name: am-slide-bottom;
  3431. }
  3432. .am-animation-slide-left {
  3433. -webkit-animation-name: am-slide-left;
  3434. animation-name: am-slide-left;
  3435. }
  3436. .am-animation-slide-right {
  3437. -webkit-animation-name: am-slide-right;
  3438. animation-name: am-slide-right;
  3439. }
  3440. .am-animation-slide-top-fixed {
  3441. -webkit-animation-name: am-slide-top-fixed;
  3442. animation-name: am-slide-top-fixed;
  3443. }
  3444. /* Shake */
  3445. .am-animation-shake {
  3446. -webkit-animation-name: am-shake;
  3447. animation-name: am-shake;
  3448. }
  3449. /* Spin */
  3450. .am-animation-spin {
  3451. -webkit-animation: am-spin 2s infinite linear;
  3452. animation: am-spin 2s infinite linear;
  3453. }
  3454. /* Spring */
  3455. .am-animation-left-spring {
  3456. -webkit-animation: am-left-spring 0.3s ease-in-out;
  3457. animation: am-left-spring 0.3s ease-in-out;
  3458. }
  3459. .am-animation-right-spring {
  3460. -webkit-animation: am-right-spring 0.3s ease-in-out;
  3461. animation: am-right-spring 0.3s ease-in-out;
  3462. }
  3463. .am-animation-reverse {
  3464. -webkit-animation-direction: reverse;
  3465. animation-direction: reverse;
  3466. }
  3467. .am-animation-paused {
  3468. -webkit-animation-play-state: paused !important;
  3469. animation-play-state: paused !important;
  3470. }
  3471. /* Keyframes
  3472. ============================================================================ */
  3473. /* Fade */
  3474. @-webkit-keyframes am-fade {
  3475. 0% {
  3476. opacity: 0;
  3477. }
  3478. 100% {
  3479. opacity: 1;
  3480. }
  3481. }
  3482. @keyframes am-fade {
  3483. 0% {
  3484. opacity: 0;
  3485. }
  3486. 100% {
  3487. opacity: 1;
  3488. }
  3489. }
  3490. /* Scale up */
  3491. @-webkit-keyframes am-scale-up {
  3492. 0% {
  3493. opacity: 0;
  3494. -webkit-transform: scale(0.2);
  3495. transform: scale(0.2);
  3496. }
  3497. 100% {
  3498. opacity: 1;
  3499. -webkit-transform: scale(1);
  3500. transform: scale(1);
  3501. }
  3502. }
  3503. @keyframes am-scale-up {
  3504. 0% {
  3505. opacity: 0;
  3506. -webkit-transform: scale(0.2);
  3507. transform: scale(0.2);
  3508. }
  3509. 100% {
  3510. opacity: 1;
  3511. -webkit-transform: scale(1);
  3512. transform: scale(1);
  3513. }
  3514. }
  3515. /* Scale down */
  3516. @-webkit-keyframes am-scale-down {
  3517. 0% {
  3518. opacity: 0;
  3519. -webkit-transform: scale(1.8);
  3520. transform: scale(1.8);
  3521. }
  3522. 100% {
  3523. opacity: 1;
  3524. -webkit-transform: scale(1);
  3525. transform: scale(1);
  3526. }
  3527. }
  3528. @keyframes am-scale-down {
  3529. 0% {
  3530. opacity: 0;
  3531. -webkit-transform: scale(1.8);
  3532. transform: scale(1.8);
  3533. }
  3534. 100% {
  3535. opacity: 1;
  3536. -webkit-transform: scale(1);
  3537. transform: scale(1);
  3538. }
  3539. }
  3540. /* Slide top */
  3541. @-webkit-keyframes am-slide-top {
  3542. 0% {
  3543. opacity: 0;
  3544. -webkit-transform: translateY(-100%);
  3545. transform: translateY(-100%);
  3546. }
  3547. 100% {
  3548. opacity: 1;
  3549. -webkit-transform: translateY(0);
  3550. transform: translateY(0);
  3551. }
  3552. }
  3553. @keyframes am-slide-top {
  3554. 0% {
  3555. opacity: 0;
  3556. -webkit-transform: translateY(-100%);
  3557. transform: translateY(-100%);
  3558. }
  3559. 100% {
  3560. opacity: 1;
  3561. -webkit-transform: translateY(0);
  3562. transform: translateY(0);
  3563. }
  3564. }
  3565. /* Slide bottom */
  3566. @-webkit-keyframes am-slide-bottom {
  3567. 0% {
  3568. opacity: 0;
  3569. -webkit-transform: translateY(100%);
  3570. transform: translateY(100%);
  3571. }
  3572. 100% {
  3573. opacity: 1;
  3574. -webkit-transform: translateY(0);
  3575. transform: translateY(0);
  3576. }
  3577. }
  3578. @keyframes am-slide-bottom {
  3579. 0% {
  3580. opacity: 0;
  3581. -webkit-transform: translateY(100%);
  3582. transform: translateY(100%);
  3583. }
  3584. 100% {
  3585. opacity: 1;
  3586. -webkit-transform: translateY(0);
  3587. transform: translateY(0);
  3588. }
  3589. }
  3590. /* Slide left */
  3591. @-webkit-keyframes am-slide-left {
  3592. 0% {
  3593. opacity: 0;
  3594. -webkit-transform: translateX(-100%);
  3595. transform: translateX(-100%);
  3596. }
  3597. 100% {
  3598. opacity: 1;
  3599. -webkit-transform: translateX(0);
  3600. transform: translateX(0);
  3601. }
  3602. }
  3603. @keyframes am-slide-left {
  3604. 0% {
  3605. opacity: 0;
  3606. -webkit-transform: translateX(-100%);
  3607. transform: translateX(-100%);
  3608. }
  3609. 100% {
  3610. opacity: 1;
  3611. -webkit-transform: translateX(0);
  3612. transform: translateX(0);
  3613. }
  3614. }
  3615. /* Slide right */
  3616. @-webkit-keyframes am-slide-right {
  3617. 0% {
  3618. opacity: 0;
  3619. -webkit-transform: translateX(100%);
  3620. transform: translateX(100%);
  3621. }
  3622. 100% {
  3623. opacity: 1;
  3624. -webkit-transform: translateX(0);
  3625. transform: translateX(0);
  3626. }
  3627. }
  3628. @keyframes am-slide-right {
  3629. 0% {
  3630. opacity: 0;
  3631. -webkit-transform: translateX(100%);
  3632. transform: translateX(100%);
  3633. }
  3634. 100% {
  3635. opacity: 1;
  3636. -webkit-transform: translateX(0);
  3637. transform: translateX(0);
  3638. }
  3639. }
  3640. /* Shake */
  3641. @-webkit-keyframes am-shake {
  3642. 0%,
  3643. 100% {
  3644. -webkit-transform: translateX(0);
  3645. transform: translateX(0);
  3646. }
  3647. 10% {
  3648. -webkit-transform: translateX(-9px);
  3649. transform: translateX(-9px);
  3650. }
  3651. 20% {
  3652. -webkit-transform: translateX(8px);
  3653. transform: translateX(8px);
  3654. }
  3655. 30% {
  3656. -webkit-transform: translateX(-7px);
  3657. transform: translateX(-7px);
  3658. }
  3659. 40% {
  3660. -webkit-transform: translateX(6px);
  3661. transform: translateX(6px);
  3662. }
  3663. 50% {
  3664. -webkit-transform: translateX(-5px);
  3665. transform: translateX(-5px);
  3666. }
  3667. 60% {
  3668. -webkit-transform: translateX(4px);
  3669. transform: translateX(4px);
  3670. }
  3671. 70% {
  3672. -webkit-transform: translateX(-3px);
  3673. transform: translateX(-3px);
  3674. }
  3675. 80% {
  3676. -webkit-transform: translateX(2px);
  3677. transform: translateX(2px);
  3678. }
  3679. 90% {
  3680. -webkit-transform: translateX(-1px);
  3681. transform: translateX(-1px);
  3682. }
  3683. }
  3684. @keyframes am-shake {
  3685. 0%,
  3686. 100% {
  3687. -webkit-transform: translateX(0);
  3688. transform: translateX(0);
  3689. }
  3690. 10% {
  3691. -webkit-transform: translateX(-9px);
  3692. transform: translateX(-9px);
  3693. }
  3694. 20% {
  3695. -webkit-transform: translateX(8px);
  3696. transform: translateX(8px);
  3697. }
  3698. 30% {
  3699. -webkit-transform: translateX(-7px);
  3700. transform: translateX(-7px);
  3701. }
  3702. 40% {
  3703. -webkit-transform: translateX(6px);
  3704. transform: translateX(6px);
  3705. }
  3706. 50% {
  3707. -webkit-transform: translateX(-5px);
  3708. transform: translateX(-5px);
  3709. }
  3710. 60% {
  3711. -webkit-transform: translateX(4px);
  3712. transform: translateX(4px);
  3713. }
  3714. 70% {
  3715. -webkit-transform: translateX(-3px);
  3716. transform: translateX(-3px);
  3717. }
  3718. 80% {
  3719. -webkit-transform: translateX(2px);
  3720. transform: translateX(2px);
  3721. }
  3722. 90% {
  3723. -webkit-transform: translateX(-1px);
  3724. transform: translateX(-1px);
  3725. }
  3726. }
  3727. /* Slide top fixed */
  3728. @-webkit-keyframes am-slide-top-fixed {
  3729. 0% {
  3730. opacity: 0;
  3731. -webkit-transform: translateY(-10px);
  3732. transform: translateY(-10px);
  3733. }
  3734. 100% {
  3735. opacity: 1;
  3736. -webkit-transform: translateY(0);
  3737. transform: translateY(0);
  3738. }
  3739. }
  3740. @keyframes am-slide-top-fixed {
  3741. 0% {
  3742. opacity: 0;
  3743. -webkit-transform: translateY(-10px);
  3744. transform: translateY(-10px);
  3745. }
  3746. 100% {
  3747. opacity: 1;
  3748. -webkit-transform: translateY(0);
  3749. transform: translateY(0);
  3750. }
  3751. }
  3752. /* Slide bottom fixed */
  3753. @-webkit-keyframes am-slide-bottom-fixed {
  3754. 0% {
  3755. opacity: 0;
  3756. -webkit-transform: translateY(10px);
  3757. transform: translateY(10px);
  3758. }
  3759. 100% {
  3760. opacity: 1;
  3761. -webkit-transform: translateY(0);
  3762. transform: translateY(0);
  3763. }
  3764. }
  3765. @keyframes am-slide-bottom-fixed {
  3766. 0% {
  3767. opacity: 0;
  3768. -webkit-transform: translateY(10px);
  3769. transform: translateY(10px);
  3770. }
  3771. 100% {
  3772. opacity: 1;
  3773. -webkit-transform: translateY(0);
  3774. transform: translateY(0);
  3775. }
  3776. }
  3777. /* Spin */
  3778. @-webkit-keyframes am-spin {
  3779. 0% {
  3780. -webkit-transform: rotate(0deg);
  3781. transform: rotate(0deg);
  3782. }
  3783. 100% {
  3784. -webkit-transform: rotate(359deg);
  3785. transform: rotate(359deg);
  3786. }
  3787. }
  3788. @keyframes am-spin {
  3789. 0% {
  3790. -webkit-transform: rotate(0deg);
  3791. transform: rotate(0deg);
  3792. }
  3793. 100% {
  3794. -webkit-transform: rotate(359deg);
  3795. transform: rotate(359deg);
  3796. }
  3797. }
  3798. /* Spring */
  3799. @-webkit-keyframes am-right-spring {
  3800. 0% {
  3801. -webkit-transform: translateX(0);
  3802. transform: translateX(0);
  3803. }
  3804. 50% {
  3805. -webkit-transform: translateX(-20%);
  3806. transform: translateX(-20%);
  3807. }
  3808. 100% {
  3809. -webkit-transform: translateX(0);
  3810. transform: translateX(0);
  3811. }
  3812. }
  3813. @keyframes am-right-spring {
  3814. 0% {
  3815. -webkit-transform: translateX(0);
  3816. transform: translateX(0);
  3817. }
  3818. 50% {
  3819. -webkit-transform: translateX(-20%);
  3820. transform: translateX(-20%);
  3821. }
  3822. 100% {
  3823. -webkit-transform: translateX(0);
  3824. transform: translateX(0);
  3825. }
  3826. }
  3827. @-webkit-keyframes am-left-spring {
  3828. 0% {
  3829. -webkit-transform: translateX(0);
  3830. transform: translateX(0);
  3831. }
  3832. 50% {
  3833. -webkit-transform: translateX(20%);
  3834. transform: translateX(20%);
  3835. }
  3836. 100% {
  3837. -webkit-transform: translateX(0);
  3838. transform: translateX(0);
  3839. }
  3840. }
  3841. @keyframes am-left-spring {
  3842. 0% {
  3843. -webkit-transform: translateX(0);
  3844. transform: translateX(0);
  3845. }
  3846. 50% {
  3847. -webkit-transform: translateX(20%);
  3848. transform: translateX(20%);
  3849. }
  3850. 100% {
  3851. -webkit-transform: translateX(0);
  3852. transform: translateX(0);
  3853. }
  3854. }
  3855. /* ==========================================================================
  3856. Component: Article
  3857. ============================================================================ */
  3858. .am-article:before,
  3859. .am-article:after {
  3860. content: " ";
  3861. display: table;
  3862. }
  3863. .am-article:after {
  3864. clear: both;
  3865. }
  3866. .am-article > :last-child {
  3867. margin-bottom: 0;
  3868. }
  3869. .am-article + .am-article {
  3870. margin-top: 2.4rem;
  3871. }
  3872. /* Sub-object `.@{ns}article-title` */
  3873. .am-article-title {
  3874. font-size: 2.8rem;
  3875. line-height: 1.15;
  3876. font-weight: normal;
  3877. }
  3878. .am-article-title a {
  3879. color: inherit;
  3880. text-decoration: none;
  3881. }
  3882. /* Sub-object `.@{ns}article-meta` */
  3883. .am-article-meta {
  3884. font-size: 1.2rem;
  3885. line-height: 1.5;
  3886. color: #999999;
  3887. }
  3888. /* Sub-object `.@{ns}article-lead` */
  3889. .am-article-lead {
  3890. color: #666666;
  3891. font-size: 1.4rem;
  3892. line-height: 1.5;
  3893. border: 1px solid #dedede;
  3894. border-radius: 2px;
  3895. background: #f9f9f9;
  3896. padding: 10px;
  3897. }
  3898. /* Sub-object `.@{ns}article-divider` */
  3899. .am-article-divider {
  3900. margin-bottom: 2.4rem;
  3901. border-color: #eeeeee;
  3902. }
  3903. * + .am-article-divider {
  3904. margin-top: 2.4rem;
  3905. }
  3906. /* Sub-object `.@{ns}article-bd` */
  3907. .am-article-bd blockquote {
  3908. font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
  3909. }
  3910. /* ==========================================================================
  3911. Component: Badge
  3912. ============================================================================ */
  3913. .am-badge {
  3914. display: inline-block;
  3915. min-width: 10px;
  3916. padding: 0.25em 0.625em;
  3917. font-size: 1.2rem;
  3918. font-weight: bold;
  3919. color: #ffffff;
  3920. line-height: 1;
  3921. vertical-align: baseline;
  3922. white-space: nowrap;
  3923. text-align: center;
  3924. background-color: #999999;
  3925. border-radius: 0;
  3926. }
  3927. .am-badge:empty {
  3928. display: none;
  3929. }
  3930. .am-badge.am-square {
  3931. border-radius: 0;
  3932. }
  3933. .am-badge.am-radius {
  3934. border-radius: 2px;
  3935. }
  3936. .am-badge.am-round {
  3937. border-radius: 1000px;
  3938. }
  3939. a.am-badge:hover,
  3940. a.am-badge:focus {
  3941. color: #ffffff;
  3942. text-decoration: none;
  3943. cursor: pointer;
  3944. }
  3945. .am-badge-primary {
  3946. background-color: #0e90d2;
  3947. }
  3948. .am-badge-secondary {
  3949. background-color: #3bb4f2;
  3950. }
  3951. .am-badge-success {
  3952. background-color: #5eb95e;
  3953. }
  3954. .am-badge-warning {
  3955. background-color: #f37b1d;
  3956. }
  3957. .am-badge-danger {
  3958. background-color: #dd514c;
  3959. }
  3960. /* ==========================================================================
  3961. Component: Comment
  3962. ============================================================================ */
  3963. .am-comment:before,
  3964. .am-comment:after {
  3965. content: " ";
  3966. display: table;
  3967. }
  3968. .am-comment:after {
  3969. clear: both;
  3970. }
  3971. .am-comment-avatar {
  3972. float: left;
  3973. width: 32px;
  3974. height: 32px;
  3975. border-radius: 50%;
  3976. border: 1px solid transparent;
  3977. }
  3978. @media only screen and (min-width:641px) {
  3979. .am-comment-avatar {
  3980. width: 48px;
  3981. height: 48px;
  3982. }
  3983. }
  3984. .am-comment-main {
  3985. position: relative;
  3986. margin-left: 42px;
  3987. border: 1px solid #dedede;
  3988. border-radius: 2px;
  3989. }
  3990. .am-comment-main:before,
  3991. .am-comment-main:after {
  3992. position: absolute;
  3993. top: 10px;
  3994. left: -8px;
  3995. right: 100%;
  3996. width: 0;
  3997. height: 0;
  3998. display: block;
  3999. content: " ";
  4000. border-color: transparent;
  4001. border-style: solid solid outset;
  4002. border-width: 8px 8px 8px 0;
  4003. pointer-events: none;
  4004. }
  4005. .am-comment-main:before {
  4006. border-right-color: #dedede;
  4007. z-index: 1;
  4008. }
  4009. .am-comment-main:after {
  4010. border-right-color: #f8f8f8;
  4011. margin-left: 1px;
  4012. z-index: 2;
  4013. }
  4014. @media only screen and (min-width:641px) {
  4015. .am-comment-main {
  4016. margin-left: 63px;
  4017. }
  4018. }
  4019. .am-comment-hd {
  4020. background: #f8f8f8;
  4021. border-bottom: 1px solid #eee;
  4022. display: -webkit-box;
  4023. display: -webkit-flex;
  4024. display: -ms-flexbox;
  4025. display: flex;
  4026. }
  4027. .am-comment-title {
  4028. margin: 0 0 8px 0;
  4029. font-size: 1.6rem;
  4030. line-height: 1.2;
  4031. }
  4032. .am-comment-meta {
  4033. -webkit-box-flex: 1;
  4034. -webkit-flex: 1;
  4035. -ms-flex: 1;
  4036. flex: 1;
  4037. padding: 10px 15px;
  4038. font-size: 13px;
  4039. color: #999999;
  4040. line-height: 1.2;
  4041. white-space: nowrap;
  4042. text-overflow: ellipsis;
  4043. overflow: hidden;
  4044. }
  4045. .am-comment-meta a {
  4046. color: #999999;
  4047. }
  4048. .am-comment-author {
  4049. font-weight: bold;
  4050. color: #999999;
  4051. }
  4052. .am-comment-bd {
  4053. padding: 15px;
  4054. overflow: hidden;
  4055. }
  4056. .am-comment-bd > :last-child {
  4057. margin-bottom: 0;
  4058. }
  4059. .am-comment-footer {
  4060. padding: 0 15px 5px;
  4061. }
  4062. .am-comment-footer .am-comment-actions a + a {
  4063. margin-left: 5px;
  4064. }
  4065. .am-comment-actions {
  4066. font-size: 13px;
  4067. color: #999999;
  4068. }
  4069. .am-comment-actions a {
  4070. display: inline-block;
  4071. padding: 10px 5px;
  4072. line-height: 1;
  4073. color: #999999;
  4074. opacity: .7;
  4075. }
  4076. .am-comment-actions a:hover {
  4077. color: #0e90d2;
  4078. opacity: 1;
  4079. }
  4080. .am-comment-hd .am-comment-actions {
  4081. padding-right: .5rem;
  4082. }
  4083. .am-comment-flip .am-comment-avatar {
  4084. float: right;
  4085. }
  4086. .am-comment-flip .am-comment-main {
  4087. margin-left: auto;
  4088. margin-right: 42px;
  4089. }
  4090. @media only screen and (min-width:641px) {
  4091. .am-comment-flip .am-comment-main {
  4092. margin-right: 63px;
  4093. }
  4094. }
  4095. .am-comment-flip .am-comment-main:before,
  4096. .am-comment-flip .am-comment-main:after {
  4097. left: auto;
  4098. right: -8px;
  4099. border-width: 8px 0 8px 8px;
  4100. }
  4101. .am-comment-flip .am-comment-main:before {
  4102. border-left-color: #dedede;
  4103. }
  4104. .am-comment-flip .am-comment-main:after {
  4105. border-left-color: #f8f8f8;
  4106. margin-right: 1px;
  4107. margin-left: auto;
  4108. }
  4109. .am-comment-primary .am-comment-avatar {
  4110. border-color: #0e90d2;
  4111. }
  4112. .am-comment-primary .am-comment-main {
  4113. border-color: #0e90d2;
  4114. }
  4115. .am-comment-primary .am-comment-main:before {
  4116. border-right-color: #0e90d2;
  4117. }
  4118. .am-comment-primary.am-comment-flip .am-comment-main:before {
  4119. border-left-color: #0e90d2;
  4120. border-right-color: transparent;
  4121. }
  4122. .am-comment-primary.am-comment-flip .am-comment-main:after {
  4123. border-left-color: #f8f8f8;
  4124. }
  4125. .am-comment-secondary .am-comment-avatar,
  4126. .am-comment-highlight .am-comment-avatar {
  4127. border-color: #3bb4f2;
  4128. }
  4129. .am-comment-secondary .am-comment-main,
  4130. .am-comment-highlight .am-comment-main {
  4131. border-color: #3bb4f2;
  4132. }
  4133. .am-comment-secondary .am-comment-main:before,
  4134. .am-comment-highlight .am-comment-main:before {
  4135. border-right-color: #3bb4f2;
  4136. }
  4137. .am-comment-secondary.am-comment-flip .am-comment-main:before,
  4138. .am-comment-highlight.am-comment-flip .am-comment-main:before {
  4139. border-left-color: #3bb4f2;
  4140. border-right-color: transparent;
  4141. }
  4142. .am-comment-secondary.am-comment-flip .am-comment-main:after,
  4143. .am-comment-highlight.am-comment-flip .am-comment-main:after {
  4144. border-left-color: #f8f8f8;
  4145. }
  4146. .am-comment-success .am-comment-avatar {
  4147. border-color: #5eb95e;
  4148. }
  4149. .am-comment-success .am-comment-main {
  4150. border-color: #5eb95e;
  4151. }
  4152. .am-comment-success .am-comment-main:before {
  4153. border-right-color: #5eb95e;
  4154. }
  4155. .am-comment-success.am-comment-flip .am-comment-main:before {
  4156. border-left-color: #5eb95e;
  4157. border-right-color: transparent;
  4158. }
  4159. .am-comment-success.am-comment-flip .am-comment-main:after {
  4160. border-left-color: #f8f8f8;
  4161. }
  4162. .am-comment-warning .am-comment-avatar {
  4163. border-color: #f37b1d;
  4164. }
  4165. .am-comment-warning .am-comment-main {
  4166. border-color: #f37b1d;
  4167. }
  4168. .am-comment-warning .am-comment-main:before {
  4169. border-right-color: #f37b1d;
  4170. }
  4171. .am-comment-warning.am-comment-flip .am-comment-main:before {
  4172. border-left-color: #f37b1d;
  4173. border-right-color: transparent;
  4174. }
  4175. .am-comment-warning.am-comment-flip .am-comment-main:after {
  4176. border-left-color: #f8f8f8;
  4177. }
  4178. .am-comment-danger .am-comment-avatar {
  4179. border-color: #dd514c;
  4180. }
  4181. .am-comment-danger .am-comment-main {
  4182. border-color: #dd514c;
  4183. }
  4184. .am-comment-danger .am-comment-main:before {
  4185. border-right-color: #dd514c;
  4186. }
  4187. .am-comment-danger.am-comment-flip .am-comment-main:before {
  4188. border-left-color: #dd514c;
  4189. border-right-color: transparent;
  4190. }
  4191. .am-comment-danger.am-comment-flip .am-comment-main:after {
  4192. border-left-color: #f8f8f8;
  4193. }
  4194. .am-comments-list {
  4195. padding: 0;
  4196. list-style: none;
  4197. }
  4198. .am-comments-list .am-comment {
  4199. margin: 1.6rem 0 0 0;
  4200. list-style: none;
  4201. }
  4202. @media only screen and (min-width:641px) {
  4203. .am-comments-list-flip .am-comment-main {
  4204. margin-right: 64px;
  4205. }
  4206. .am-comments-list-flip .am-comment-flip .am-comment-main {
  4207. margin-left: 64px;
  4208. }
  4209. }
  4210. /* ==========================================================================
  4211. Component: Button Group
  4212. ============================================================================ */
  4213. .am-btn-group,
  4214. .am-btn-group-stacked {
  4215. position: relative;
  4216. display: inline-block;
  4217. vertical-align: middle;
  4218. }
  4219. .am-btn-group > .am-btn,
  4220. .am-btn-group-stacked > .am-btn {
  4221. position: relative;
  4222. float: left;
  4223. }
  4224. .am-btn-group > .am-btn:hover,
  4225. .am-btn-group-stacked > .am-btn:hover,
  4226. .am-btn-group > .am-btn:focus,
  4227. .am-btn-group-stacked > .am-btn:focus,
  4228. .am-btn-group > .am-btn:active,
  4229. .am-btn-group-stacked > .am-btn:active,
  4230. .am-btn-group > .am-btn.active,
  4231. .am-btn-group-stacked > .am-btn.active {
  4232. z-index: 2;
  4233. }
  4234. .am-btn-group > .am-btn:focus,
  4235. .am-btn-group-stacked > .am-btn:focus {
  4236. outline: 0;
  4237. }
  4238. .am-btn-group .am-btn + .am-btn,
  4239. .am-btn-group .am-btn + .am-btn-group,
  4240. .am-btn-group .am-btn-group + .am-btn,
  4241. .am-btn-group .am-btn-group + .am-btn-group {
  4242. margin-left: -1px;
  4243. }
  4244. .am-btn-toolbar {
  4245. margin-left: -5px;
  4246. }
  4247. .am-btn-toolbar:before,
  4248. .am-btn-toolbar:after {
  4249. content: " ";
  4250. display: table;
  4251. }
  4252. .am-btn-toolbar:after {
  4253. clear: both;
  4254. }
  4255. .am-btn-toolbar .am-btn-group,
  4256. .am-btn-toolbar .am-input-group {
  4257. float: left;
  4258. }
  4259. .am-btn-toolbar > .am-btn,
  4260. .am-btn-toolbar > .am-btn-group,
  4261. .am-btn-toolbar > .am-input-group {
  4262. margin-left: 5px;
  4263. }
  4264. .am-btn-group > .am-btn:not(:first-child):not(:last-child):not(.am-dropdown-toggle) {
  4265. border-radius: 0;
  4266. }
  4267. .am-btn-group > .am-btn:first-child {
  4268. margin-left: 0;
  4269. }
  4270. .am-btn-group > .am-btn:first-child:not(:last-child):not(.am-dropdown-toggle) {
  4271. border-bottom-right-radius: 0;
  4272. border-top-right-radius: 0;
  4273. }
  4274. .am-btn-group > .am-btn:last-child:not(:first-child),
  4275. .am-btn-group > .am-dropdown-toggle:not(:first-child) {
  4276. border-bottom-left-radius: 0;
  4277. border-top-left-radius: 0;
  4278. }
  4279. .am-btn-group > .am-btn-group {
  4280. float: left;
  4281. }
  4282. .am-btn-group > .am-btn-group:not(:first-child):not(:last-child) > .am-btn {
  4283. border-radius: 0;
  4284. }
  4285. .am-btn-group > .am-btn-group:first-child > .am-btn:last-child,
  4286. .am-btn-group > .am-btn-group:first-child > .am-dropdown-toggle {
  4287. border-bottom-right-radius: 0;
  4288. border-top-right-radius: 0;
  4289. }
  4290. .am-btn-group > .am-btn-group:last-child > .am-btn:first-child {
  4291. border-bottom-left-radius: 0;
  4292. border-top-left-radius: 0;
  4293. }
  4294. .am-btn-group-xs > .am-btn {
  4295. font-size: 1.2rem;
  4296. }
  4297. .am-btn-group-sm > .am-btn {
  4298. font-size: 1.4rem;
  4299. }
  4300. .am-btn-group-lg > .am-btn {
  4301. font-size: 1.8rem;
  4302. }
  4303. .am-btn-group-stacked > .am-btn,
  4304. .am-btn-group-stacked > .am-btn-group,
  4305. .am-btn-group-stacked > .am-btn-group > .am-btn {
  4306. display: block;
  4307. float: none;
  4308. width: 100%;
  4309. max-width: 100%;
  4310. }
  4311. .am-btn-group-stacked > .am-btn-group:before,
  4312. .am-btn-group-stacked > .am-btn-group:after {
  4313. content: " ";
  4314. display: table;
  4315. }
  4316. .am-btn-group-stacked > .am-btn-group:after {
  4317. clear: both;
  4318. }
  4319. .am-btn-group-stacked > .am-btn-group > .am-btn {
  4320. float: none;
  4321. }
  4322. .am-btn-group-stacked > .am-btn + .am-btn,
  4323. .am-btn-group-stacked > .am-btn + .am-btn-group,
  4324. .am-btn-group-stacked > .am-btn-group + .am-btn,
  4325. .am-btn-group-stacked > .am-btn-group + .am-btn-group {
  4326. margin-top: -1px;
  4327. margin-left: 0;
  4328. }
  4329. .am-btn-group-stacked > .am-btn:not(:first-child):not(:last-child) {
  4330. border-radius: 0;
  4331. }
  4332. .am-btn-group-stacked > .am-btn:first-child:not(:last-child) {
  4333. border-top-right-radius: 2px;
  4334. border-bottom-right-radius: 0;
  4335. border-bottom-left-radius: 0;
  4336. }
  4337. .am-btn-group-stacked > .am-btn:last-child:not(:first-child) {
  4338. border-bottom-left-radius: 2px;
  4339. border-top-right-radius: 0;
  4340. border-top-left-radius: 0;
  4341. }
  4342. .am-btn-group-stacked > .am-btn-group:not(:first-child):not(:last-child) > .am-btn {
  4343. border-radius: 0;
  4344. }
  4345. .am-btn-group-stacked > .am-btn-group:first-child:not(:last-child) > .am-btn:last-child,
  4346. .am-btn-group-stacked > .am-btn-group:first-child:not(:last-child) > .am-dropdown-toggle {
  4347. border-bottom-right-radius: 0;
  4348. border-bottom-left-radius: 0;
  4349. }
  4350. .am-btn-group-stacked > .am-btn-group:last-child:not(:first-child) > .am-btn:first-child {
  4351. border-top-right-radius: 0;
  4352. border-top-left-radius: 0;
  4353. }
  4354. .am-btn-group-justify {
  4355. width: 100%;
  4356. display: -webkit-box;
  4357. display: -webkit-flex;
  4358. display: -ms-flexbox;
  4359. display: flex;
  4360. }
  4361. .am-btn-group-justify > .am-btn,
  4362. .am-btn-group-justify > .am-btn-group {
  4363. float: none;
  4364. -webkit-box-flex: 1;
  4365. -webkit-flex: 1;
  4366. -ms-flex: 1;
  4367. flex: 1;
  4368. }
  4369. .am-btn-group-justify > .am-btn-group .am-btn {
  4370. width: 100%;
  4371. }
  4372. .lte9 .am-btn-group-justify {
  4373. display: table;
  4374. table-layout: fixed;
  4375. border-collapse: separate;
  4376. }
  4377. .lte9 .am-btn-group-justify > .am-btn,
  4378. .lte9 .am-btn-group-justify > .am-btn-group {
  4379. float: none;
  4380. display: table-cell;
  4381. width: 1%;
  4382. }
  4383. .am-btn-group .am-dropdown {
  4384. float: left;
  4385. margin-left: -1px;
  4386. }
  4387. .am-btn-group .am-dropdown > .am-btn {
  4388. border-bottom-left-radius: 0;
  4389. border-top-left-radius: 0;
  4390. }
  4391. .am-btn-group .am-active .am-dropdown-toggle {
  4392. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4393. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4394. }
  4395. .am-btn-group .am-active .am-dropdown-toggle.am-btn-link {
  4396. -webkit-box-shadow: none;
  4397. box-shadow: none;
  4398. }
  4399. .am-btn-group .am-dropdown-toggle:active,
  4400. .am-btn-group .am-active .am-dropdown-toggle {
  4401. outline: 0;
  4402. }
  4403. [data-am-button] > .am-btn > input[type="radio"],
  4404. [data-am-button] > .am-btn > input[type="checkbox"] {
  4405. position: absolute;
  4406. z-index: -1;
  4407. opacity: 0;
  4408. }
  4409. /* ==========================================================================
  4410. Component: Close
  4411. ============================================================================ */
  4412. .am-close {
  4413. display: inline-block;
  4414. text-align: center;
  4415. width: 24px;
  4416. font-size: 20px;
  4417. font-weight: bold;
  4418. line-height: 24px;
  4419. color: #000000;
  4420. text-shadow: 0 1px 0 #ffffff;
  4421. opacity: .2;
  4422. -webkit-transition: all .3s;
  4423. transition: all .3s;
  4424. }
  4425. .am-close:hover,
  4426. .am-close:focus {
  4427. color: #000000;
  4428. text-decoration: none;
  4429. cursor: pointer;
  4430. opacity: .5;
  4431. outline: none;
  4432. }
  4433. .am-close[class*="am-icon-"] {
  4434. font-size: 16px;
  4435. }
  4436. button.am-close {
  4437. padding: 0;
  4438. cursor: pointer;
  4439. background: transparent;
  4440. /* Needed for Sarari */
  4441. border: 0;
  4442. -webkit-appearance: none;
  4443. }
  4444. a.am-close:hover {
  4445. color: inherit;
  4446. text-decoration: none;
  4447. cursor: pointer;
  4448. }
  4449. /* Modifiers
  4450. ============================================================================ */
  4451. .am-close-alt {
  4452. border-radius: 50%;
  4453. background: #eeeeee;
  4454. opacity: 0.7;
  4455. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  4456. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25)
  4457. /* Hover */
  4458. }
  4459. .am-close-alt:hover,
  4460. .am-close-alt:focus {
  4461. opacity: 1;
  4462. }
  4463. .am-close-spin:hover {
  4464. -webkit-transform: rotate(360deg);
  4465. -ms-transform: rotate(360deg);
  4466. transform: rotate(360deg);
  4467. }
  4468. /* ==========================================================================
  4469. Component: Icon
  4470. ============================================================================ */
  4471. /* Font-face
  4472. ============================================================================= */
  4473. @font-face {
  4474. font-family: 'FontAwesome';
  4475. src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  4476. src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  4477. font-weight: normal;
  4478. font-style: normal;
  4479. }
  4480. /* Component
  4481. ============================================================================= */
  4482. [class*="am-icon-"] {
  4483. display: inline-block;
  4484. }
  4485. [class*="am-icon-"]:before {
  4486. display: inline-block;
  4487. font-family: "FontAwesome", sans-serif;
  4488. font-weight: normal;
  4489. font-style: normal;
  4490. vertical-align: baseline;
  4491. line-height: 1;
  4492. -webkit-font-smoothing: antialiased;
  4493. -moz-osx-font-smoothing: grayscale;
  4494. }
  4495. .am-icon-border {
  4496. padding: .2em .25em .15em;
  4497. border: solid 0.08em #eeeeee;
  4498. border-radius: .1em;
  4499. }
  4500. [class*="am-icon-"].am-fl {
  4501. margin-right: .3em;
  4502. }
  4503. [class*="am-icon-"].am-fr {
  4504. margin-left: .3em;
  4505. }
  4506. .am-icon-sm:before {
  4507. font-size: 150%;
  4508. vertical-align: -10%;
  4509. }
  4510. .am-icon-md:before {
  4511. font-size: 200%;
  4512. vertical-align: -16%;
  4513. }
  4514. .am-icon-lg:before {
  4515. font-size: 250%;
  4516. vertical-align: -22%;
  4517. }
  4518. /* Modifier: `.am-icon-btn`
  4519. ============================================================================= */
  4520. .am-icon-btn {
  4521. -webkit-box-sizing: border-box;
  4522. box-sizing: border-box;
  4523. display: inline-block;
  4524. width: 48px;
  4525. height: 48px;
  4526. font-size: 24px;
  4527. line-height: 48px;
  4528. border-radius: 50%;
  4529. background-color: #eeeeee;
  4530. color: #555555;
  4531. text-align: center
  4532. /**
  4533. * Hover
  4534. * 1. Apply hover style also to focus state
  4535. * 2. Remove default focus style
  4536. */
  4537. /* Active */
  4538. }
  4539. .am-icon-btn:hover,
  4540. .am-icon-btn:focus {
  4541. /* 1 */
  4542. background-color: #f5f5f5;
  4543. color: #333333;
  4544. text-decoration: none;
  4545. outline: none
  4546. /* 2 */
  4547. }
  4548. .am-icon-btn:active {
  4549. background-color: #dddddd;
  4550. color: #333333;
  4551. }
  4552. .am-icon-btn.am-primary,
  4553. .am-icon-btn.am-secondary,
  4554. .am-icon-btn.am-success,
  4555. .am-icon-btn.am-warning,
  4556. .am-icon-btn.am-danger {
  4557. color: #ffffff;
  4558. }
  4559. .am-icon-btn.am-primary {
  4560. background-color: #0e90d2;
  4561. }
  4562. .am-icon-btn.am-secondary {
  4563. background-color: #3bb4f2;
  4564. }
  4565. .am-icon-btn.am-success {
  4566. background-color: #5eb95e;
  4567. }
  4568. .am-icon-btn.am-warning {
  4569. background-color: #f37b1d;
  4570. }
  4571. .am-icon-btn.am-danger {
  4572. background-color: #dd514c;
  4573. }
  4574. .am-icon-btn-sm {
  4575. width: 32px;
  4576. height: 32px;
  4577. font-size: 16px;
  4578. line-height: 32px;
  4579. }
  4580. .am-icon-btn-lg {
  4581. width: 64px;
  4582. height: 64px;
  4583. font-size: 28px;
  4584. line-height: 64px;
  4585. }
  4586. /* Icon mapping
  4587. ============================================================================= */
  4588. .am-icon-glass:before {
  4589. content: "\f000";
  4590. }
  4591. .am-icon-music:before {
  4592. content: "\f001";
  4593. }
  4594. .am-icon-search:before {
  4595. content: "\f002";
  4596. }
  4597. .am-icon-envelope-o:before {
  4598. content: "\f003";
  4599. }
  4600. .am-icon-heart:before {
  4601. content: "\f004";
  4602. }
  4603. .am-icon-star:before {
  4604. content: "\f005";
  4605. }
  4606. .am-icon-star-o:before {
  4607. content: "\f006";
  4608. }
  4609. .am-icon-user:before {
  4610. content: "\f007";
  4611. }
  4612. .am-icon-film:before {
  4613. content: "\f008";
  4614. }
  4615. .am-icon-th-large:before {
  4616. content: "\f009";
  4617. }
  4618. .am-icon-th:before {
  4619. content: "\f00a";
  4620. }
  4621. .am-icon-th-list:before {
  4622. content: "\f00b";
  4623. }
  4624. .am-icon-check:before {
  4625. content: "\f00c";
  4626. }
  4627. .am-icon-remove:before,
  4628. .am-icon-close:before,
  4629. .am-icon-times:before {
  4630. content: "\f00d";
  4631. }
  4632. .am-icon-search-plus:before {
  4633. content: "\f00e";
  4634. }
  4635. .am-icon-search-minus:before {
  4636. content: "\f010";
  4637. }
  4638. .am-icon-power-off:before {
  4639. content: "\f011";
  4640. }
  4641. .am-icon-signal:before {
  4642. content: "\f012";
  4643. }
  4644. .am-icon-gear:before,
  4645. .am-icon-cog:before {
  4646. content: "\f013";
  4647. }
  4648. .am-icon-trash-o:before {
  4649. content: "\f014";
  4650. }
  4651. .am-icon-home:before {
  4652. content: "\f015";
  4653. }
  4654. .am-icon-file-o:before {
  4655. content: "\f016";
  4656. }
  4657. .am-icon-clock-o:before {
  4658. content: "\f017";
  4659. }
  4660. .am-icon-road:before {
  4661. content: "\f018";
  4662. }
  4663. .am-icon-download:before {
  4664. content: "\f019";
  4665. }
  4666. .am-icon-arrow-circle-o-down:before {
  4667. content: "\f01a";
  4668. }
  4669. .am-icon-arrow-circle-o-up:before {
  4670. content: "\f01b";
  4671. }
  4672. .am-icon-inbox:before {
  4673. content: "\f01c";
  4674. }
  4675. .am-icon-play-circle-o:before {
  4676. content: "\f01d";
  4677. }
  4678. .am-icon-rotate-right:before,
  4679. .am-icon-repeat:before {
  4680. content: "\f01e";
  4681. }
  4682. .am-icon-refresh:before {
  4683. content: "\f021";
  4684. }
  4685. .am-icon-list-alt:before {
  4686. content: "\f022";
  4687. }
  4688. .am-icon-lock:before {
  4689. content: "\f023";
  4690. }
  4691. .am-icon-flag:before {
  4692. content: "\f024";
  4693. }
  4694. .am-icon-headphones:before {
  4695. content: "\f025";
  4696. }
  4697. .am-icon-volume-off:before {
  4698. content: "\f026";
  4699. }
  4700. .am-icon-volume-down:before {
  4701. content: "\f027";
  4702. }
  4703. .am-icon-volume-up:before {
  4704. content: "\f028";
  4705. }
  4706. .am-icon-qrcode:before {
  4707. content: "\f029";
  4708. }
  4709. .am-icon-barcode:before {
  4710. content: "\f02a";
  4711. }
  4712. .am-icon-tag:before {
  4713. content: "\f02b";
  4714. }
  4715. .am-icon-tags:before {
  4716. content: "\f02c";
  4717. }
  4718. .am-icon-book:before {
  4719. content: "\f02d";
  4720. }
  4721. .am-icon-bookmark:before {
  4722. content: "\f02e";
  4723. }
  4724. .am-icon-print:before {
  4725. content: "\f02f";
  4726. }
  4727. .am-icon-camera:before {
  4728. content: "\f030";
  4729. }
  4730. .am-icon-font:before {
  4731. content: "\f031";
  4732. }
  4733. .am-icon-bold:before {
  4734. content: "\f032";
  4735. }
  4736. .am-icon-italic:before {
  4737. content: "\f033";
  4738. }
  4739. .am-icon-text-height:before {
  4740. content: "\f034";
  4741. }
  4742. .am-icon-text-width:before {
  4743. content: "\f035";
  4744. }
  4745. .am-icon-align-left:before {
  4746. content: "\f036";
  4747. }
  4748. .am-icon-align-center:before {
  4749. content: "\f037";
  4750. }
  4751. .am-icon-align-right:before {
  4752. content: "\f038";
  4753. }
  4754. .am-icon-align-justify:before {
  4755. content: "\f039";
  4756. }
  4757. .am-icon-list:before {
  4758. content: "\f03a";
  4759. }
  4760. .am-icon-dedent:before,
  4761. .am-icon-outdent:before {
  4762. content: "\f03b";
  4763. }
  4764. .am-icon-indent:before {
  4765. content: "\f03c";
  4766. }
  4767. .am-icon-video-camera:before {
  4768. content: "\f03d";
  4769. }
  4770. .am-icon-photo:before,
  4771. .am-icon-image:before,
  4772. .am-icon-picture-o:before {
  4773. content: "\f03e";
  4774. }
  4775. .am-icon-pencil:before {
  4776. content: "\f040";
  4777. }
  4778. .am-icon-map-marker:before {
  4779. content: "\f041";
  4780. }
  4781. .am-icon-adjust:before {
  4782. content: "\f042";
  4783. }
  4784. .am-icon-tint:before {
  4785. content: "\f043";
  4786. }
  4787. .am-icon-edit:before,
  4788. .am-icon-pencil-square-o:before {
  4789. content: "\f044";
  4790. }
  4791. .am-icon-share-square-o:before {
  4792. content: "\f045";
  4793. }
  4794. .am-icon-check-square-o:before {
  4795. content: "\f046";
  4796. }
  4797. .am-icon-arrows:before {
  4798. content: "\f047";
  4799. }
  4800. .am-icon-step-backward:before {
  4801. content: "\f048";
  4802. }
  4803. .am-icon-fast-backward:before {
  4804. content: "\f049";
  4805. }
  4806. .am-icon-backward:before {
  4807. content: "\f04a";
  4808. }
  4809. .am-icon-play:before {
  4810. content: "\f04b";
  4811. }
  4812. .am-icon-pause:before {
  4813. content: "\f04c";
  4814. }
  4815. .am-icon-stop:before {
  4816. content: "\f04d";
  4817. }
  4818. .am-icon-forward:before {
  4819. content: "\f04e";
  4820. }
  4821. .am-icon-fast-forward:before {
  4822. content: "\f050";
  4823. }
  4824. .am-icon-step-forward:before {
  4825. content: "\f051";
  4826. }
  4827. .am-icon-eject:before {
  4828. content: "\f052";
  4829. }
  4830. .am-icon-chevron-left:before {
  4831. content: "\f053";
  4832. }
  4833. .am-icon-chevron-right:before {
  4834. content: "\f054";
  4835. }
  4836. .am-icon-plus-circle:before {
  4837. content: "\f055";
  4838. }
  4839. .am-icon-minus-circle:before {
  4840. content: "\f056";
  4841. }
  4842. .am-icon-times-circle:before {
  4843. content: "\f057";
  4844. }
  4845. .am-icon-check-circle:before {
  4846. content: "\f058";
  4847. }
  4848. .am-icon-question-circle:before {
  4849. content: "\f059";
  4850. }
  4851. .am-icon-info-circle:before {
  4852. content: "\f05a";
  4853. }
  4854. .am-icon-crosshairs:before {
  4855. content: "\f05b";
  4856. }
  4857. .am-icon-times-circle-o:before {
  4858. content: "\f05c";
  4859. }
  4860. .am-icon-check-circle-o:before {
  4861. content: "\f05d";
  4862. }
  4863. .am-icon-ban:before {
  4864. content: "\f05e";
  4865. }
  4866. .am-icon-arrow-left:before {
  4867. content: "\f060";
  4868. }
  4869. .am-icon-arrow-right:before {
  4870. content: "\f061";
  4871. }
  4872. .am-icon-arrow-up:before {
  4873. content: "\f062";
  4874. }
  4875. .am-icon-arrow-down:before {
  4876. content: "\f063";
  4877. }
  4878. .am-icon-mail-forward:before,
  4879. .am-icon-share:before {
  4880. content: "\f064";
  4881. }
  4882. .am-icon-expand:before {
  4883. content: "\f065";
  4884. }
  4885. .am-icon-compress:before {
  4886. content: "\f066";
  4887. }
  4888. .am-icon-plus:before {
  4889. content: "\f067";
  4890. }
  4891. .am-icon-minus:before {
  4892. content: "\f068";
  4893. }
  4894. .am-icon-asterisk:before {
  4895. content: "\f069";
  4896. }
  4897. .am-icon-exclamation-circle:before {
  4898. content: "\f06a";
  4899. }
  4900. .am-icon-gift:before {
  4901. content: "\f06b";
  4902. }
  4903. .am-icon-leaf:before {
  4904. content: "\f06c";
  4905. }
  4906. .am-icon-fire:before {
  4907. content: "\f06d";
  4908. }
  4909. .am-icon-eye:before {
  4910. content: "\f06e";
  4911. }
  4912. .am-icon-eye-slash:before {
  4913. content: "\f070";
  4914. }
  4915. .am-icon-warning:before,
  4916. .am-icon-exclamation-triangle:before {
  4917. content: "\f071";
  4918. }
  4919. .am-icon-plane:before {
  4920. content: "\f072";
  4921. }
  4922. .am-icon-calendar:before {
  4923. content: "\f073";
  4924. }
  4925. .am-icon-random:before {
  4926. content: "\f074";
  4927. }
  4928. .am-icon-comment:before {
  4929. content: "\f075";
  4930. }
  4931. .am-icon-magnet:before {
  4932. content: "\f076";
  4933. }
  4934. .am-icon-chevron-up:before {
  4935. content: "\f077";
  4936. }
  4937. .am-icon-chevron-down:before {
  4938. content: "\f078";
  4939. }
  4940. .am-icon-retweet:before {
  4941. content: "\f079";
  4942. }
  4943. .am-icon-shopping-cart:before {
  4944. content: "\f07a";
  4945. }
  4946. .am-icon-folder:before {
  4947. content: "\f07b";
  4948. }
  4949. .am-icon-folder-open:before {
  4950. content: "\f07c";
  4951. }
  4952. .am-icon-arrows-v:before {
  4953. content: "\f07d";
  4954. }
  4955. .am-icon-arrows-h:before {
  4956. content: "\f07e";
  4957. }
  4958. .am-icon-bar-chart-o:before,
  4959. .am-icon-bar-chart:before {
  4960. content: "\f080";
  4961. }
  4962. .am-icon-twitter-square:before {
  4963. content: "\f081";
  4964. }
  4965. .am-icon-facebook-square:before {
  4966. content: "\f082";
  4967. }
  4968. .am-icon-camera-retro:before {
  4969. content: "\f083";
  4970. }
  4971. .am-icon-key:before {
  4972. content: "\f084";
  4973. }
  4974. .am-icon-gears:before,
  4975. .am-icon-cogs:before {
  4976. content: "\f085";
  4977. }
  4978. .am-icon-comments:before {
  4979. content: "\f086";
  4980. }
  4981. .am-icon-thumbs-o-up:before {
  4982. content: "\f087";
  4983. }
  4984. .am-icon-thumbs-o-down:before {
  4985. content: "\f088";
  4986. }
  4987. .am-icon-star-half:before {
  4988. content: "\f089";
  4989. }
  4990. .am-icon-heart-o:before {
  4991. content: "\f08a";
  4992. }
  4993. .am-icon-sign-out:before {
  4994. content: "\f08b";
  4995. }
  4996. .am-icon-linkedin-square:before {
  4997. content: "\f08c";
  4998. }
  4999. .am-icon-thumb-tack:before {
  5000. content: "\f08d";
  5001. }
  5002. .am-icon-external-link:before {
  5003. content: "\f08e";
  5004. }
  5005. .am-icon-sign-in:before {
  5006. content: "\f090";
  5007. }
  5008. .am-icon-trophy:before {
  5009. content: "\f091";
  5010. }
  5011. .am-icon-github-square:before {
  5012. content: "\f092";
  5013. }
  5014. .am-icon-upload:before {
  5015. content: "\f093";
  5016. }
  5017. .am-icon-lemon-o:before {
  5018. content: "\f094";
  5019. }
  5020. .am-icon-phone:before {
  5021. content: "\f095";
  5022. }
  5023. .am-icon-square-o:before {
  5024. content: "\f096";
  5025. }
  5026. .am-icon-bookmark-o:before {
  5027. content: "\f097";
  5028. }
  5029. .am-icon-phone-square:before {
  5030. content: "\f098";
  5031. }
  5032. .am-icon-twitter:before {
  5033. content: "\f099";
  5034. }
  5035. .am-icon-facebook:before {
  5036. content: "\f09a";
  5037. }
  5038. .am-icon-github:before {
  5039. content: "\f09b";
  5040. }
  5041. .am-icon-unlock:before {
  5042. content: "\f09c";
  5043. }
  5044. .am-icon-credit-card:before {
  5045. content: "\f09d";
  5046. }
  5047. .am-icon-rss:before {
  5048. content: "\f09e";
  5049. }
  5050. .am-icon-hdd-o:before {
  5051. content: "\f0a0";
  5052. }
  5053. .am-icon-bullhorn:before {
  5054. content: "\f0a1";
  5055. }
  5056. .am-icon-bell:before {
  5057. content: "\f0f3";
  5058. }
  5059. .am-icon-certificate:before {
  5060. content: "\f0a3";
  5061. }
  5062. .am-icon-hand-o-right:before {
  5063. content: "\f0a4";
  5064. }
  5065. .am-icon-hand-o-left:before {
  5066. content: "\f0a5";
  5067. }
  5068. .am-icon-hand-o-up:before {
  5069. content: "\f0a6";
  5070. }
  5071. .am-icon-hand-o-down:before {
  5072. content: "\f0a7";
  5073. }
  5074. .am-icon-arrow-circle-left:before {
  5075. content: "\f0a8";
  5076. }
  5077. .am-icon-arrow-circle-right:before {
  5078. content: "\f0a9";
  5079. }
  5080. .am-icon-arrow-circle-up:before {
  5081. content: "\f0aa";
  5082. }
  5083. .am-icon-arrow-circle-down:before {
  5084. content: "\f0ab";
  5085. }
  5086. .am-icon-globe:before {
  5087. content: "\f0ac";
  5088. }
  5089. .am-icon-wrench:before {
  5090. content: "\f0ad";
  5091. }
  5092. .am-icon-tasks:before {
  5093. content: "\f0ae";
  5094. }
  5095. .am-icon-filter:before {
  5096. content: "\f0b0";
  5097. }
  5098. .am-icon-briefcase:before {
  5099. content: "\f0b1";
  5100. }
  5101. .am-icon-arrows-alt:before {
  5102. content: "\f0b2";
  5103. }
  5104. .am-icon-group:before,
  5105. .am-icon-users:before {
  5106. content: "\f0c0";
  5107. }
  5108. .am-icon-chain:before,
  5109. .am-icon-link:before {
  5110. content: "\f0c1";
  5111. }
  5112. .am-icon-cloud:before {
  5113. content: "\f0c2";
  5114. }
  5115. .am-icon-flask:before {
  5116. content: "\f0c3";
  5117. }
  5118. .am-icon-cut:before,
  5119. .am-icon-scissors:before {
  5120. content: "\f0c4";
  5121. }
  5122. .am-icon-copy:before,
  5123. .am-icon-files-o:before {
  5124. content: "\f0c5";
  5125. }
  5126. .am-icon-paperclip:before {
  5127. content: "\f0c6";
  5128. }
  5129. .am-icon-save:before,
  5130. .am-icon-floppy-o:before {
  5131. content: "\f0c7";
  5132. }
  5133. .am-icon-square:before {
  5134. content: "\f0c8";
  5135. }
  5136. .am-icon-navicon:before,
  5137. .am-icon-reorder:before,
  5138. .am-icon-bars:before {
  5139. content: "\f0c9";
  5140. }
  5141. .am-icon-list-ul:before {
  5142. content: "\f0ca";
  5143. }
  5144. .am-icon-list-ol:before {
  5145. content: "\f0cb";
  5146. }
  5147. .am-icon-strikethrough:before {
  5148. content: "\f0cc";
  5149. }
  5150. .am-icon-underline:before {
  5151. content: "\f0cd";
  5152. }
  5153. .am-icon-table:before {
  5154. content: "\f0ce";
  5155. }
  5156. .am-icon-magic:before {
  5157. content: "\f0d0";
  5158. }
  5159. .am-icon-truck:before {
  5160. content: "\f0d1";
  5161. }
  5162. .am-icon-pinterest:before {
  5163. content: "\f0d2";
  5164. }
  5165. .am-icon-pinterest-square:before {
  5166. content: "\f0d3";
  5167. }
  5168. .am-icon-google-plus-square:before {
  5169. content: "\f0d4";
  5170. }
  5171. .am-icon-google-plus:before {
  5172. content: "\f0d5";
  5173. }
  5174. .am-icon-money:before {
  5175. content: "\f0d6";
  5176. }
  5177. .am-icon-caret-down:before {
  5178. content: "\f0d7";
  5179. }
  5180. .am-icon-caret-up:before {
  5181. content: "\f0d8";
  5182. }
  5183. .am-icon-caret-left:before {
  5184. content: "\f0d9";
  5185. }
  5186. .am-icon-caret-right:before {
  5187. content: "\f0da";
  5188. }
  5189. .am-icon-columns:before {
  5190. content: "\f0db";
  5191. }
  5192. .am-icon-unsorted:before,
  5193. .am-icon-sort:before {
  5194. content: "\f0dc";
  5195. }
  5196. .am-icon-sort-down:before,
  5197. .am-icon-sort-desc:before {
  5198. content: "\f0dd";
  5199. }
  5200. .am-icon-sort-up:before,
  5201. .am-icon-sort-asc:before {
  5202. content: "\f0de";
  5203. }
  5204. .am-icon-envelope:before {
  5205. content: "\f0e0";
  5206. }
  5207. .am-icon-linkedin:before {
  5208. content: "\f0e1";
  5209. }
  5210. .am-icon-rotate-left:before,
  5211. .am-icon-undo:before {
  5212. content: "\f0e2";
  5213. }
  5214. .am-icon-legal:before,
  5215. .am-icon-gavel:before {
  5216. content: "\f0e3";
  5217. }
  5218. .am-icon-dashboard:before,
  5219. .am-icon-tachometer:before {
  5220. content: "\f0e4";
  5221. }
  5222. .am-icon-comment-o:before {
  5223. content: "\f0e5";
  5224. }
  5225. .am-icon-comments-o:before {
  5226. content: "\f0e6";
  5227. }
  5228. .am-icon-flash:before,
  5229. .am-icon-bolt:before {
  5230. content: "\f0e7";
  5231. }
  5232. .am-icon-sitemap:before {
  5233. content: "\f0e8";
  5234. }
  5235. .am-icon-umbrella:before {
  5236. content: "\f0e9";
  5237. }
  5238. .am-icon-paste:before,
  5239. .am-icon-clipboard:before {
  5240. content: "\f0ea";
  5241. }
  5242. .am-icon-lightbulb-o:before {
  5243. content: "\f0eb";
  5244. }
  5245. .am-icon-exchange:before {
  5246. content: "\f0ec";
  5247. }
  5248. .am-icon-cloud-download:before {
  5249. content: "\f0ed";
  5250. }
  5251. .am-icon-cloud-upload:before {
  5252. content: "\f0ee";
  5253. }
  5254. .am-icon-user-md:before {
  5255. content: "\f0f0";
  5256. }
  5257. .am-icon-stethoscope:before {
  5258. content: "\f0f1";
  5259. }
  5260. .am-icon-suitcase:before {
  5261. content: "\f0f2";
  5262. }
  5263. .am-icon-bell-o:before {
  5264. content: "\f0a2";
  5265. }
  5266. .am-icon-coffee:before {
  5267. content: "\f0f4";
  5268. }
  5269. .am-icon-cutlery:before {
  5270. content: "\f0f5";
  5271. }
  5272. .am-icon-file-text-o:before {
  5273. content: "\f0f6";
  5274. }
  5275. .am-icon-building-o:before {
  5276. content: "\f0f7";
  5277. }
  5278. .am-icon-hospital-o:before {
  5279. content: "\f0f8";
  5280. }
  5281. .am-icon-ambulance:before {
  5282. content: "\f0f9";
  5283. }
  5284. .am-icon-medkit:before {
  5285. content: "\f0fa";
  5286. }
  5287. .am-icon-fighter-jet:before {
  5288. content: "\f0fb";
  5289. }
  5290. .am-icon-beer:before {
  5291. content: "\f0fc";
  5292. }
  5293. .am-icon-h-square:before {
  5294. content: "\f0fd";
  5295. }
  5296. .am-icon-plus-square:before {
  5297. content: "\f0fe";
  5298. }
  5299. .am-icon-angle-double-left:before {
  5300. content: "\f100";
  5301. }
  5302. .am-icon-angle-double-right:before {
  5303. content: "\f101";
  5304. }
  5305. .am-icon-angle-double-up:before {
  5306. content: "\f102";
  5307. }
  5308. .am-icon-angle-double-down:before {
  5309. content: "\f103";
  5310. }
  5311. .am-icon-angle-left:before {
  5312. content: "\f104";
  5313. }
  5314. .am-icon-angle-right:before {
  5315. content: "\f105";
  5316. }
  5317. .am-icon-angle-up:before {
  5318. content: "\f106";
  5319. }
  5320. .am-icon-angle-down:before {
  5321. content: "\f107";
  5322. }
  5323. .am-icon-desktop:before {
  5324. content: "\f108";
  5325. }
  5326. .am-icon-laptop:before {
  5327. content: "\f109";
  5328. }
  5329. .am-icon-tablet:before {
  5330. content: "\f10a";
  5331. }
  5332. .am-icon-mobile-phone:before,
  5333. .am-icon-mobile:before {
  5334. content: "\f10b";
  5335. }
  5336. .am-icon-circle-o:before {
  5337. content: "\f10c";
  5338. }
  5339. .am-icon-quote-left:before {
  5340. content: "\f10d";
  5341. }
  5342. .am-icon-quote-right:before {
  5343. content: "\f10e";
  5344. }
  5345. .am-icon-spinner:before {
  5346. content: "\f110";
  5347. }
  5348. .am-icon-circle:before {
  5349. content: "\f111";
  5350. }
  5351. .am-icon-mail-reply:before,
  5352. .am-icon-reply:before {
  5353. content: "\f112";
  5354. }
  5355. .am-icon-github-alt:before {
  5356. content: "\f113";
  5357. }
  5358. .am-icon-folder-o:before {
  5359. content: "\f114";
  5360. }
  5361. .am-icon-folder-open-o:before {
  5362. content: "\f115";
  5363. }
  5364. .am-icon-smile-o:before {
  5365. content: "\f118";
  5366. }
  5367. .am-icon-frown-o:before {
  5368. content: "\f119";
  5369. }
  5370. .am-icon-meh-o:before {
  5371. content: "\f11a";
  5372. }
  5373. .am-icon-gamepad:before {
  5374. content: "\f11b";
  5375. }
  5376. .am-icon-keyboard-o:before {
  5377. content: "\f11c";
  5378. }
  5379. .am-icon-flag-o:before {
  5380. content: "\f11d";
  5381. }
  5382. .am-icon-flag-checkered:before {
  5383. content: "\f11e";
  5384. }
  5385. .am-icon-terminal:before {
  5386. content: "\f120";
  5387. }
  5388. .am-icon-code:before {
  5389. content: "\f121";
  5390. }
  5391. .am-icon-mail-reply-all:before,
  5392. .am-icon-reply-all:before {
  5393. content: "\f122";
  5394. }
  5395. .am-icon-star-half-empty:before,
  5396. .am-icon-star-half-full:before,
  5397. .am-icon-star-half-o:before {
  5398. content: "\f123";
  5399. }
  5400. .am-icon-location-arrow:before {
  5401. content: "\f124";
  5402. }
  5403. .am-icon-crop:before {
  5404. content: "\f125";
  5405. }
  5406. .am-icon-code-fork:before {
  5407. content: "\f126";
  5408. }
  5409. .am-icon-unlink:before,
  5410. .am-icon-chain-broken:before {
  5411. content: "\f127";
  5412. }
  5413. .am-icon-question:before {
  5414. content: "\f128";
  5415. }
  5416. .am-icon-info:before {
  5417. content: "\f129";
  5418. }
  5419. .am-icon-exclamation:before {
  5420. content: "\f12a";
  5421. }
  5422. .am-icon-superscript:before {
  5423. content: "\f12b";
  5424. }
  5425. .am-icon-subscript:before {
  5426. content: "\f12c";
  5427. }
  5428. .am-icon-eraser:before {
  5429. content: "\f12d";
  5430. }
  5431. .am-icon-puzzle-piece:before {
  5432. content: "\f12e";
  5433. }
  5434. .am-icon-microphone:before {
  5435. content: "\f130";
  5436. }
  5437. .am-icon-microphone-slash:before {
  5438. content: "\f131";
  5439. }
  5440. .am-icon-shield:before {
  5441. content: "\f132";
  5442. }
  5443. .am-icon-calendar-o:before {
  5444. content: "\f133";
  5445. }
  5446. .am-icon-fire-extinguisher:before {
  5447. content: "\f134";
  5448. }
  5449. .am-icon-rocket:before {
  5450. content: "\f135";
  5451. }
  5452. .am-icon-maxcdn:before {
  5453. content: "\f136";
  5454. }
  5455. .am-icon-chevron-circle-left:before {
  5456. content: "\f137";
  5457. }
  5458. .am-icon-chevron-circle-right:before {
  5459. content: "\f138";
  5460. }
  5461. .am-icon-chevron-circle-up:before {
  5462. content: "\f139";
  5463. }
  5464. .am-icon-chevron-circle-down:before {
  5465. content: "\f13a";
  5466. }
  5467. .am-icon-html5:before {
  5468. content: "\f13b";
  5469. }
  5470. .am-icon-css3:before {
  5471. content: "\f13c";
  5472. }
  5473. .am-icon-anchor:before {
  5474. content: "\f13d";
  5475. }
  5476. .am-icon-unlock-alt:before {
  5477. content: "\f13e";
  5478. }
  5479. .am-icon-bullseye:before {
  5480. content: "\f140";
  5481. }
  5482. .am-icon-ellipsis-h:before {
  5483. content: "\f141";
  5484. }
  5485. .am-icon-ellipsis-v:before {
  5486. content: "\f142";
  5487. }
  5488. .am-icon-rss-square:before {
  5489. content: "\f143";
  5490. }
  5491. .am-icon-play-circle:before {
  5492. content: "\f144";
  5493. }
  5494. .am-icon-ticket:before {
  5495. content: "\f145";
  5496. }
  5497. .am-icon-minus-square:before {
  5498. content: "\f146";
  5499. }
  5500. .am-icon-minus-square-o:before {
  5501. content: "\f147";
  5502. }
  5503. .am-icon-level-up:before {
  5504. content: "\f148";
  5505. }
  5506. .am-icon-level-down:before {
  5507. content: "\f149";
  5508. }
  5509. .am-icon-check-square:before {
  5510. content: "\f14a";
  5511. }
  5512. .am-icon-pencil-square:before {
  5513. content: "\f14b";
  5514. }
  5515. .am-icon-external-link-square:before {
  5516. content: "\f14c";
  5517. }
  5518. .am-icon-share-square:before {
  5519. content: "\f14d";
  5520. }
  5521. .am-icon-compass:before {
  5522. content: "\f14e";
  5523. }
  5524. .am-icon-toggle-down:before,
  5525. .am-icon-caret-square-o-down:before {
  5526. content: "\f150";
  5527. }
  5528. .am-icon-toggle-up:before,
  5529. .am-icon-caret-square-o-up:before {
  5530. content: "\f151";
  5531. }
  5532. .am-icon-toggle-right:before,
  5533. .am-icon-caret-square-o-right:before {
  5534. content: "\f152";
  5535. }
  5536. .am-icon-euro:before,
  5537. .am-icon-eur:before {
  5538. content: "\f153";
  5539. }
  5540. .am-icon-gbp:before {
  5541. content: "\f154";
  5542. }
  5543. .am-icon-dollar:before,
  5544. .am-icon-usd:before {
  5545. content: "\f155";
  5546. }
  5547. .am-icon-rupee:before,
  5548. .am-icon-inr:before {
  5549. content: "\f156";
  5550. }
  5551. .am-icon-cny:before,
  5552. .am-icon-rmb:before,
  5553. .am-icon-yen:before,
  5554. .am-icon-jpy:before {
  5555. content: "\f157";
  5556. }
  5557. .am-icon-ruble:before,
  5558. .am-icon-rouble:before,
  5559. .am-icon-rub:before {
  5560. content: "\f158";
  5561. }
  5562. .am-icon-won:before,
  5563. .am-icon-krw:before {
  5564. content: "\f159";
  5565. }
  5566. .am-icon-bitcoin:before,
  5567. .am-icon-btc:before {
  5568. content: "\f15a";
  5569. }
  5570. .am-icon-file:before {
  5571. content: "\f15b";
  5572. }
  5573. .am-icon-file-text:before {
  5574. content: "\f15c";
  5575. }
  5576. .am-icon-sort-alpha-asc:before {
  5577. content: "\f15d";
  5578. }
  5579. .am-icon-sort-alpha-desc:before {
  5580. content: "\f15e";
  5581. }
  5582. .am-icon-sort-amount-asc:before {
  5583. content: "\f160";
  5584. }
  5585. .am-icon-sort-amount-desc:before {
  5586. content: "\f161";
  5587. }
  5588. .am-icon-sort-numeric-asc:before {
  5589. content: "\f162";
  5590. }
  5591. .am-icon-sort-numeric-desc:before {
  5592. content: "\f163";
  5593. }
  5594. .am-icon-thumbs-up:before {
  5595. content: "\f164";
  5596. }
  5597. .am-icon-thumbs-down:before {
  5598. content: "\f165";
  5599. }
  5600. .am-icon-youtube-square:before {
  5601. content: "\f166";
  5602. }
  5603. .am-icon-youtube:before {
  5604. content: "\f167";
  5605. }
  5606. .am-icon-xing:before {
  5607. content: "\f168";
  5608. }
  5609. .am-icon-xing-square:before {
  5610. content: "\f169";
  5611. }
  5612. .am-icon-youtube-play:before {
  5613. content: "\f16a";
  5614. }
  5615. .am-icon-dropbox:before {
  5616. content: "\f16b";
  5617. }
  5618. .am-icon-stack-overflow:before {
  5619. content: "\f16c";
  5620. }
  5621. .am-icon-instagram:before {
  5622. content: "\f16d";
  5623. }
  5624. .am-icon-flickr:before {
  5625. content: "\f16e";
  5626. }
  5627. .am-icon-adn:before {
  5628. content: "\f170";
  5629. }
  5630. .am-icon-bitbucket:before {
  5631. content: "\f171";
  5632. }
  5633. .am-icon-bitbucket-square:before {
  5634. content: "\f172";
  5635. }
  5636. .am-icon-tumblr:before {
  5637. content: "\f173";
  5638. }
  5639. .am-icon-tumblr-square:before {
  5640. content: "\f174";
  5641. }
  5642. .am-icon-long-arrow-down:before {
  5643. content: "\f175";
  5644. }
  5645. .am-icon-long-arrow-up:before {
  5646. content: "\f176";
  5647. }
  5648. .am-icon-long-arrow-left:before {
  5649. content: "\f177";
  5650. }
  5651. .am-icon-long-arrow-right:before {
  5652. content: "\f178";
  5653. }
  5654. .am-icon-apple:before {
  5655. content: "\f179";
  5656. }
  5657. .am-icon-windows:before {
  5658. content: "\f17a";
  5659. }
  5660. .am-icon-android:before {
  5661. content: "\f17b";
  5662. }
  5663. .am-icon-linux:before {
  5664. content: "\f17c";
  5665. }
  5666. .am-icon-dribbble:before {
  5667. content: "\f17d";
  5668. }
  5669. .am-icon-skype:before {
  5670. content: "\f17e";
  5671. }
  5672. .am-icon-foursquare:before {
  5673. content: "\f180";
  5674. }
  5675. .am-icon-trello:before {
  5676. content: "\f181";
  5677. }
  5678. .am-icon-female:before {
  5679. content: "\f182";
  5680. }
  5681. .am-icon-male:before {
  5682. content: "\f183";
  5683. }
  5684. .am-icon-gittip:before {
  5685. content: "\f184";
  5686. }
  5687. .am-icon-sun-o:before {
  5688. content: "\f185";
  5689. }
  5690. .am-icon-moon-o:before {
  5691. content: "\f186";
  5692. }
  5693. .am-icon-archive:before {
  5694. content: "\f187";
  5695. }
  5696. .am-icon-bug:before {
  5697. content: "\f188";
  5698. }
  5699. .am-icon-vk:before {
  5700. content: "\f189";
  5701. }
  5702. .am-icon-weibo:before {
  5703. content: "\f18a";
  5704. }
  5705. .am-icon-renren:before {
  5706. content: "\f18b";
  5707. }
  5708. .am-icon-pagelines:before {
  5709. content: "\f18c";
  5710. }
  5711. .am-icon-stack-exchange:before {
  5712. content: "\f18d";
  5713. }
  5714. .am-icon-arrow-circle-o-right:before {
  5715. content: "\f18e";
  5716. }
  5717. .am-icon-arrow-circle-o-left:before {
  5718. content: "\f190";
  5719. }
  5720. .am-icon-toggle-left:before,
  5721. .am-icon-caret-square-o-left:before {
  5722. content: "\f191";
  5723. }
  5724. .am-icon-dot-circle-o:before {
  5725. content: "\f192";
  5726. }
  5727. .am-icon-wheelchair:before {
  5728. content: "\f193";
  5729. }
  5730. .am-icon-vimeo-square:before {
  5731. content: "\f194";
  5732. }
  5733. .am-icon-turkish-lira:before,
  5734. .am-icon-try:before {
  5735. content: "\f195";
  5736. }
  5737. .am-icon-plus-square-o:before {
  5738. content: "\f196";
  5739. }
  5740. .am-icon-space-shuttle:before {
  5741. content: "\f197";
  5742. }
  5743. .am-icon-slack:before {
  5744. content: "\f198";
  5745. }
  5746. .am-icon-envelope-square:before {
  5747. content: "\f199";
  5748. }
  5749. .am-icon-wordpress:before {
  5750. content: "\f19a";
  5751. }
  5752. .am-icon-openid:before {
  5753. content: "\f19b";
  5754. }
  5755. .am-icon-institution:before,
  5756. .am-icon-bank:before,
  5757. .am-icon-university:before {
  5758. content: "\f19c";
  5759. }
  5760. .am-icon-mortar-board:before,
  5761. .am-icon-graduation-cap:before {
  5762. content: "\f19d";
  5763. }
  5764. .am-icon-yahoo:before {
  5765. content: "\f19e";
  5766. }
  5767. .am-icon-google:before {
  5768. content: "\f1a0";
  5769. }
  5770. .am-icon-reddit:before {
  5771. content: "\f1a1";
  5772. }
  5773. .am-icon-reddit-square:before {
  5774. content: "\f1a2";
  5775. }
  5776. .am-icon-stumbleupon-circle:before {
  5777. content: "\f1a3";
  5778. }
  5779. .am-icon-stumbleupon:before {
  5780. content: "\f1a4";
  5781. }
  5782. .am-icon-delicious:before {
  5783. content: "\f1a5";
  5784. }
  5785. .am-icon-digg:before {
  5786. content: "\f1a6";
  5787. }
  5788. .am-icon-pied-piper:before {
  5789. content: "\f1a7";
  5790. }
  5791. .am-icon-pied-piper-alt:before {
  5792. content: "\f1a8";
  5793. }
  5794. .am-icon-drupal:before {
  5795. content: "\f1a9";
  5796. }
  5797. .am-icon-joomla:before {
  5798. content: "\f1aa";
  5799. }
  5800. .am-icon-language:before {
  5801. content: "\f1ab";
  5802. }
  5803. .am-icon-fax:before {
  5804. content: "\f1ac";
  5805. }
  5806. .am-icon-building:before {
  5807. content: "\f1ad";
  5808. }
  5809. .am-icon-child:before {
  5810. content: "\f1ae";
  5811. }
  5812. .am-icon-paw:before {
  5813. content: "\f1b0";
  5814. }
  5815. .am-icon-spoon:before {
  5816. content: "\f1b1";
  5817. }
  5818. .am-icon-cube:before {
  5819. content: "\f1b2";
  5820. }
  5821. .am-icon-cubes:before {
  5822. content: "\f1b3";
  5823. }
  5824. .am-icon-behance:before {
  5825. content: "\f1b4";
  5826. }
  5827. .am-icon-behance-square:before {
  5828. content: "\f1b5";
  5829. }
  5830. .am-icon-steam:before {
  5831. content: "\f1b6";
  5832. }
  5833. .am-icon-steam-square:before {
  5834. content: "\f1b7";
  5835. }
  5836. .am-icon-recycle:before {
  5837. content: "\f1b8";
  5838. }
  5839. .am-icon-automobile:before,
  5840. .am-icon-car:before {
  5841. content: "\f1b9";
  5842. }
  5843. .am-icon-cab:before,
  5844. .am-icon-taxi:before {
  5845. content: "\f1ba";
  5846. }
  5847. .am-icon-tree:before {
  5848. content: "\f1bb";
  5849. }
  5850. .am-icon-spotify:before {
  5851. content: "\f1bc";
  5852. }
  5853. .am-icon-deviantart:before {
  5854. content: "\f1bd";
  5855. }
  5856. .am-icon-soundcloud:before {
  5857. content: "\f1be";
  5858. }
  5859. .am-icon-database:before {
  5860. content: "\f1c0";
  5861. }
  5862. .am-icon-file-pdf-o:before {
  5863. content: "\f1c1";
  5864. }
  5865. .am-icon-file-word-o:before {
  5866. content: "\f1c2";
  5867. }
  5868. .am-icon-file-excel-o:before {
  5869. content: "\f1c3";
  5870. }
  5871. .am-icon-file-powerpoint-o:before {
  5872. content: "\f1c4";
  5873. }
  5874. .am-icon-file-photo-o:before,
  5875. .am-icon-file-picture-o:before,
  5876. .am-icon-file-image-o:before {
  5877. content: "\f1c5";
  5878. }
  5879. .am-icon-file-zip-o:before,
  5880. .am-icon-file-archive-o:before {
  5881. content: "\f1c6";
  5882. }
  5883. .am-icon-file-sound-o:before,
  5884. .am-icon-file-audio-o:before {
  5885. content: "\f1c7";
  5886. }
  5887. .am-icon-file-movie-o:before,
  5888. .am-icon-file-video-o:before {
  5889. content: "\f1c8";
  5890. }
  5891. .am-icon-file-code-o:before {
  5892. content: "\f1c9";
  5893. }
  5894. .am-icon-vine:before {
  5895. content: "\f1ca";
  5896. }
  5897. .am-icon-codepen:before {
  5898. content: "\f1cb";
  5899. }
  5900. .am-icon-jsfiddle:before {
  5901. content: "\f1cc";
  5902. }
  5903. .am-icon-life-bouy:before,
  5904. .am-icon-life-buoy:before,
  5905. .am-icon-life-saver:before,
  5906. .am-icon-support:before,
  5907. .am-icon-life-ring:before {
  5908. content: "\f1cd";
  5909. }
  5910. .am-icon-circle-o-notch:before {
  5911. content: "\f1ce";
  5912. }
  5913. .am-icon-ra:before,
  5914. .am-icon-rebel:before {
  5915. content: "\f1d0";
  5916. }
  5917. .am-icon-ge:before,
  5918. .am-icon-empire:before {
  5919. content: "\f1d1";
  5920. }
  5921. .am-icon-git-square:before {
  5922. content: "\f1d2";
  5923. }
  5924. .am-icon-git:before {
  5925. content: "\f1d3";
  5926. }
  5927. .am-icon-hacker-news:before {
  5928. content: "\f1d4";
  5929. }
  5930. .am-icon-tencent-weibo:before {
  5931. content: "\f1d5";
  5932. }
  5933. .am-icon-qq:before {
  5934. content: "\f1d6";
  5935. }
  5936. .am-icon-wechat:before,
  5937. .am-icon-weixin:before {
  5938. content: "\f1d7";
  5939. }
  5940. .am-icon-send:before,
  5941. .am-icon-paper-plane:before {
  5942. content: "\f1d8";
  5943. }
  5944. .am-icon-send-o:before,
  5945. .am-icon-paper-plane-o:before {
  5946. content: "\f1d9";
  5947. }
  5948. .am-icon-history:before {
  5949. content: "\f1da";
  5950. }
  5951. .am-icon-circle-thin:before {
  5952. content: "\f1db";
  5953. }
  5954. .am-icon-header:before {
  5955. content: "\f1dc";
  5956. }
  5957. .am-icon-paragraph:before {
  5958. content: "\f1dd";
  5959. }
  5960. .am-icon-sliders:before {
  5961. content: "\f1de";
  5962. }
  5963. .am-icon-share-alt:before {
  5964. content: "\f1e0";
  5965. }
  5966. .am-icon-share-alt-square:before {
  5967. content: "\f1e1";
  5968. }
  5969. .am-icon-bomb:before {
  5970. content: "\f1e2";
  5971. }
  5972. .am-icon-soccer-ball-o:before,
  5973. .am-icon-futbol-o:before {
  5974. content: "\f1e3";
  5975. }
  5976. .am-icon-tty:before {
  5977. content: "\f1e4";
  5978. }
  5979. .am-icon-binoculars:before {
  5980. content: "\f1e5";
  5981. }
  5982. .am-icon-plug:before {
  5983. content: "\f1e6";
  5984. }
  5985. .am-icon-slideshare:before {
  5986. content: "\f1e7";
  5987. }
  5988. .am-icon-twitch:before {
  5989. content: "\f1e8";
  5990. }
  5991. .am-icon-yelp:before {
  5992. content: "\f1e9";
  5993. }
  5994. .am-icon-newspaper-o:before {
  5995. content: "\f1ea";
  5996. }
  5997. .am-icon-wifi:before {
  5998. content: "\f1eb";
  5999. }
  6000. .am-icon-calculator:before {
  6001. content: "\f1ec";
  6002. }
  6003. .am-icon-paypal:before {
  6004. content: "\f1ed";
  6005. }
  6006. .am-icon-google-wallet:before {
  6007. content: "\f1ee";
  6008. }
  6009. .am-icon-cc-visa:before {
  6010. content: "\f1f0";
  6011. }
  6012. .am-icon-cc-mastercard:before {
  6013. content: "\f1f1";
  6014. }
  6015. .am-icon-cc-discover:before {
  6016. content: "\f1f2";
  6017. }
  6018. .am-icon-cc-amex:before {
  6019. content: "\f1f3";
  6020. }
  6021. .am-icon-cc-paypal:before {
  6022. content: "\f1f4";
  6023. }
  6024. .am-icon-cc-stripe:before {
  6025. content: "\f1f5";
  6026. }
  6027. .am-icon-bell-slash:before {
  6028. content: "\f1f6";
  6029. }
  6030. .am-icon-bell-slash-o:before {
  6031. content: "\f1f7";
  6032. }
  6033. .am-icon-trash:before {
  6034. content: "\f1f8";
  6035. }
  6036. .am-icon-copyright:before {
  6037. content: "\f1f9";
  6038. }
  6039. .am-icon-at:before {
  6040. content: "\f1fa";
  6041. }
  6042. .am-icon-eyedropper:before {
  6043. content: "\f1fb";
  6044. }
  6045. .am-icon-paint-brush:before {
  6046. content: "\f1fc";
  6047. }
  6048. .am-icon-birthday-cake:before {
  6049. content: "\f1fd";
  6050. }
  6051. .am-icon-area-chart:before {
  6052. content: "\f1fe";
  6053. }
  6054. .am-icon-pie-chart:before {
  6055. content: "\f200";
  6056. }
  6057. .am-icon-line-chart:before {
  6058. content: "\f201";
  6059. }
  6060. .am-icon-lastfm:before {
  6061. content: "\f202";
  6062. }
  6063. .am-icon-lastfm-square:before {
  6064. content: "\f203";
  6065. }
  6066. .am-icon-toggle-off:before {
  6067. content: "\f204";
  6068. }
  6069. .am-icon-toggle-on:before {
  6070. content: "\f205";
  6071. }
  6072. .am-icon-bicycle:before {
  6073. content: "\f206";
  6074. }
  6075. .am-icon-bus:before {
  6076. content: "\f207";
  6077. }
  6078. .am-icon-ioxhost:before {
  6079. content: "\f208";
  6080. }
  6081. .am-icon-angellist:before {
  6082. content: "\f209";
  6083. }
  6084. .am-icon-cc:before {
  6085. content: "\f20a";
  6086. }
  6087. .am-icon-shekel:before,
  6088. .am-icon-sheqel:before,
  6089. .am-icon-ils:before {
  6090. content: "\f20b";
  6091. }
  6092. .am-icon-meanpath:before {
  6093. content: "\f20c";
  6094. }
  6095. /* Modifier: `am-icon-spin`
  6096. ============================================================================= */
  6097. @-webkit-keyframes icon-spin {
  6098. 0% {
  6099. -webkit-transform: rotate(0deg);
  6100. transform: rotate(0deg);
  6101. }
  6102. 100% {
  6103. -webkit-transform: rotate(359deg);
  6104. transform: rotate(359deg);
  6105. }
  6106. }
  6107. @keyframes icon-spin {
  6108. 0% {
  6109. -webkit-transform: rotate(0deg);
  6110. transform: rotate(0deg);
  6111. }
  6112. 100% {
  6113. -webkit-transform: rotate(359deg);
  6114. transform: rotate(359deg);
  6115. }
  6116. }
  6117. .am-icon-spin {
  6118. -webkit-animation: icon-spin 2s infinite linear;
  6119. animation: icon-spin 2s infinite linear;
  6120. }
  6121. .am-icon-ul {
  6122. padding-left: 0;
  6123. margin-left: 2.14285714em;
  6124. list-style-type: none;
  6125. }
  6126. .am-icon-ul > li {
  6127. position: relative;
  6128. }
  6129. .am-icon-li {
  6130. position: absolute;
  6131. left: -2.14285714em;
  6132. width: 2.14285714em;
  6133. top: 0.14285714em;
  6134. text-align: center;
  6135. }
  6136. /* ==========================================================================
  6137. Component: Input group
  6138. ============================================================================ */
  6139. .am-input-group {
  6140. position: relative;
  6141. display: table;
  6142. border-collapse: separate;
  6143. }
  6144. .am-input-group[class*="col-"] {
  6145. float: none;
  6146. padding-left: 0;
  6147. padding-right: 0;
  6148. }
  6149. .am-input-group .am-form-field {
  6150. position: relative;
  6151. z-index: 2;
  6152. float: left;
  6153. width: 100%;
  6154. margin-bottom: 0;
  6155. }
  6156. .am-input-group-label,
  6157. .am-input-group-btn,
  6158. .am-input-group .am-form-field {
  6159. display: table-cell;
  6160. }
  6161. .am-input-group-label:not(:first-child):not(:last-child),
  6162. .am-input-group-btn:not(:first-child):not(:last-child),
  6163. .am-input-group .am-form-field:not(:first-child):not(:last-child) {
  6164. border-radius: 0;
  6165. }
  6166. .am-input-group-label,
  6167. .am-input-group-btn {
  6168. width: 1%;
  6169. white-space: nowrap;
  6170. vertical-align: middle;
  6171. }
  6172. .am-input-group-label {
  6173. padding: 0.625em 1em;
  6174. font-size: 1.6rem;
  6175. font-weight: normal;
  6176. line-height: 1.2;
  6177. color: #555555;
  6178. text-align: center;
  6179. background-color: #eeeeee;
  6180. border: 1px solid #cccccc;
  6181. border-radius: 2px;
  6182. }
  6183. .am-input-group-label input[type="radio"],
  6184. .am-input-group-label input[type="checkbox"] {
  6185. margin-top: 0;
  6186. }
  6187. .am-input-group .am-form-field:first-child,
  6188. .am-input-group-label:first-child,
  6189. .am-input-group-btn:first-child > .am-btn,
  6190. .am-input-group-btn:first-child > .am-btn-group > .am-btn,
  6191. .am-input-group-btn:first-child > .am-dropdown-toggle,
  6192. .am-input-group-btn:last-child > .am-btn:not(:last-child):not(.dropdown-toggle),
  6193. .am-input-group-btn:last-child > .am-btn-group:not(:last-child) > .am-btn {
  6194. border-bottom-right-radius: 0;
  6195. border-top-right-radius: 0;
  6196. }
  6197. .am-input-group-label:first-child {
  6198. border-right: 0;
  6199. }
  6200. .am-input-group .am-form-field:last-child,
  6201. .am-input-group-label:last-child,
  6202. .am-input-group-btn:last-child > .am-btn,
  6203. .am-input-group-btn:last-child > .am-btn-group > .am-btn,
  6204. .am-input-group-btn:last-child > .am-dropdown-toggle,
  6205. .am-input-group-btn:first-child > .am-btn:not(:first-child),
  6206. .am-input-group-btn:first-child > .am-btn-group:not(:first-child) > .am-btn {
  6207. border-bottom-left-radius: 0;
  6208. border-top-left-radius: 0;
  6209. }
  6210. .am-input-group-label:last-child {
  6211. border-left: 0;
  6212. }
  6213. .am-input-group-btn {
  6214. position: relative;
  6215. font-size: 0;
  6216. white-space: nowrap;
  6217. }
  6218. .am-input-group-btn > .am-btn {
  6219. position: relative;
  6220. border-color: #cccccc;
  6221. }
  6222. .am-input-group-btn > .am-btn + .am-btn {
  6223. margin-left: -1px;
  6224. }
  6225. .am-input-group-btn > .am-btn:hover,
  6226. .am-input-group-btn > .am-btn:focus,
  6227. .am-input-group-btn > .am-btn:active {
  6228. z-index: 2;
  6229. }
  6230. .am-input-group-btn:first-child > .am-btn,
  6231. .am-input-group-btn:first-child > .am-btn-group {
  6232. margin-right: -2px;
  6233. }
  6234. .am-input-group-btn:last-child > .am-btn,
  6235. .am-input-group-btn:last-child > .am-btn-group {
  6236. margin-left: -1px;
  6237. }
  6238. .am-input-group-lg > .am-form-field,
  6239. .am-input-group-lg > .am-input-group-label,
  6240. .am-input-group-lg > .am-input-group-btn > .am-btn {
  6241. padding: 12px 18px !important;
  6242. font-size: 1.8rem !important;
  6243. }
  6244. .am-input-group-sm > .am-form-field,
  6245. .am-input-group-sm > .am-input-group-label,
  6246. .am-input-group-sm > .am-input-group-btn > .am-btn {
  6247. padding: 9px 14.000000000000002px !important;
  6248. font-size: 1.4rem !important;
  6249. }
  6250. .am-input-group-primary .am-input-group-label {
  6251. background: #0e90d2;
  6252. color: #ffffff;
  6253. }
  6254. .am-input-group-primary .am-input-group-label,
  6255. .am-input-group-primary .am-input-group-btn > .am-btn,
  6256. .am-input-group-primary .am-form-field {
  6257. border-color: #0e90d2;
  6258. }
  6259. .am-input-group-secondary .am-input-group-label {
  6260. background: #3bb4f2;
  6261. color: #ffffff;
  6262. }
  6263. .am-input-group-secondary .am-input-group-label,
  6264. .am-input-group-secondary .am-input-group-btn > .am-btn,
  6265. .am-input-group-secondary .am-form-field {
  6266. border-color: #3bb4f2;
  6267. }
  6268. .am-input-group-success .am-input-group-label {
  6269. background: #5eb95e;
  6270. color: #ffffff;
  6271. }
  6272. .am-input-group-success .am-input-group-label,
  6273. .am-input-group-success .am-input-group-btn > .am-btn,
  6274. .am-input-group-success .am-form-field {
  6275. border-color: #5eb95e;
  6276. }
  6277. .am-input-group-warning .am-input-group-label {
  6278. background: #f37b1d;
  6279. color: #ffffff;
  6280. }
  6281. .am-input-group-warning .am-input-group-label,
  6282. .am-input-group-warning .am-input-group-btn > .am-btn,
  6283. .am-input-group-warning .am-form-field {
  6284. border-color: #f37b1d;
  6285. }
  6286. .am-input-group-danger .am-input-group-label {
  6287. background: #dd514c;
  6288. color: #ffffff;
  6289. }
  6290. .am-input-group-danger .am-input-group-label,
  6291. .am-input-group-danger .am-input-group-btn > .am-btn,
  6292. .am-input-group-danger .am-form-field {
  6293. border-color: #dd514c;
  6294. }
  6295. /* ==========================================================================
  6296. Component: List
  6297. ============================================================================ */
  6298. .am-list {
  6299. margin-bottom: 1.6rem;
  6300. padding-left: 0;
  6301. }
  6302. .am-list > li {
  6303. position: relative;
  6304. display: block;
  6305. margin-bottom: -1px;
  6306. background-color: #ffffff;
  6307. border: 1px solid #dedede;
  6308. border-width: 1px 0;
  6309. }
  6310. .am-list > li > a {
  6311. display: block;
  6312. padding: 1rem 0;
  6313. }
  6314. .am-list > li > a.am-active,
  6315. .am-list > li > a.am-active:hover,
  6316. .am-list > li > a.am-active:focus {
  6317. z-index: 2;
  6318. color: #ffffff;
  6319. background-color: #0e90d2;
  6320. border-color: #0e90d2;
  6321. }
  6322. .am-list > li > a.am-active .am-list-item-heading,
  6323. .am-list > li > a.am-active:hover .am-list-item-heading,
  6324. .am-list > li > a.am-active:focus .am-list-item-heading {
  6325. color: inherit;
  6326. }
  6327. .am-list > li > a.am-active .am-list-item-text,
  6328. .am-list > li > a.am-active:hover .am-list-item-text,
  6329. .am-list > li > a.am-active:focus .am-list-item-text {
  6330. color: #b2e2fa;
  6331. }
  6332. .am-list > li > .am-badge {
  6333. float: right;
  6334. }
  6335. .am-list > li > .am-badge + .am-badge {
  6336. margin-right: 5px;
  6337. }
  6338. /* Pure text list */
  6339. .am-list-static > li {
  6340. padding: .8rem .2rem;
  6341. }
  6342. .am-list-static.am-list-border > li {
  6343. padding: 1rem;
  6344. }
  6345. /* with border */
  6346. .am-list-border > li {
  6347. border-width: 1px;
  6348. }
  6349. .am-list-border > li:first-child,
  6350. .am-list-border > li:first-child > a {
  6351. border-top-right-radius: 2px;
  6352. border-top-left-radius: 2px;
  6353. }
  6354. .am-list-border > li:last-child,
  6355. .am-list-border > li:last-child > a {
  6356. margin-bottom: 0;
  6357. border-bottom-right-radius: 2px;
  6358. border-bottom-left-radius: 2px;
  6359. }
  6360. .am-list-border > li > a {
  6361. padding: 1rem;
  6362. }
  6363. .am-list-border > li > a:hover,
  6364. .am-list-border > li > a:focus {
  6365. background-color: #f5f5f5;
  6366. }
  6367. /* Striped */
  6368. .am-list-striped > li:nth-of-type(even) {
  6369. background: #f5f5f5;
  6370. }
  6371. .am-list-item-hd {
  6372. margin-top: 0;
  6373. }
  6374. .am-list-item-text {
  6375. line-height: 1.4;
  6376. font-size: 1.3rem;
  6377. color: #999999;
  6378. margin: 0;
  6379. }
  6380. /* ==========================================================================
  6381. Component: Panel
  6382. ============================================================================ */
  6383. .am-panel {
  6384. margin-bottom: 20px;
  6385. background-color: #ffffff;
  6386. border: 1px solid transparent;
  6387. border-radius: 2px;
  6388. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  6389. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  6390. }
  6391. /* Panel header */
  6392. .am-panel-hd {
  6393. padding: 0.6rem 1.25rem;
  6394. border-bottom: 1px solid transparent;
  6395. border-top-right-radius: 2px;
  6396. border-top-left-radius: 2px;
  6397. }
  6398. /* Panel content */
  6399. .am-panel-bd {
  6400. padding: 1.25rem;
  6401. }
  6402. .am-panel-title {
  6403. margin: 0;
  6404. font-size: 100%;
  6405. color: inherit;
  6406. }
  6407. .am-panel-title > a {
  6408. color: inherit;
  6409. }
  6410. /* Panel footer */
  6411. .am-panel-footer {
  6412. padding: 0.6rem 1.25rem;
  6413. background-color: #f5f5f5;
  6414. border-top: 1px solid #dddddd;
  6415. border-bottom-right-radius: 2px;
  6416. border-bottom-left-radius: 2px;
  6417. }
  6418. .am-panel-default {
  6419. border-color: #dddddd;
  6420. }
  6421. .am-panel-default > .am-panel-hd {
  6422. color: #444444;
  6423. background-color: #f5f5f5;
  6424. border-color: #dddddd;
  6425. }
  6426. .am-panel-default > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6427. border-top-color: #dddddd;
  6428. }
  6429. .am-panel-default > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6430. border-bottom-color: #dddddd;
  6431. }
  6432. .am-panel-primary {
  6433. border-color: #10a0ea;
  6434. }
  6435. .am-panel-primary > .am-panel-hd {
  6436. color: #ffffff;
  6437. background-color: #0e90d2;
  6438. border-color: #10a0ea;
  6439. }
  6440. .am-panel-primary > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6441. border-top-color: #10a0ea;
  6442. }
  6443. .am-panel-primary > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6444. border-bottom-color: #10a0ea;
  6445. }
  6446. .am-panel-secondary {
  6447. border-color: #caebfb;
  6448. }
  6449. .am-panel-secondary > .am-panel-hd {
  6450. color: #14a6ef;
  6451. background-color: rgba(59, 180, 242, 0.15);
  6452. border-color: #caebfb;
  6453. }
  6454. .am-panel-secondary > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6455. border-top-color: #caebfb;
  6456. }
  6457. .am-panel-secondary > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6458. border-bottom-color: #caebfb;
  6459. }
  6460. .am-panel-success {
  6461. border-color: #c9e7c9;
  6462. }
  6463. .am-panel-success > .am-panel-hd {
  6464. color: #5eb95e;
  6465. background-color: rgba(94, 185, 94, 0.15);
  6466. border-color: #c9e7c9;
  6467. }
  6468. .am-panel-success > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6469. border-top-color: #c9e7c9;
  6470. }
  6471. .am-panel-success > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6472. border-bottom-color: #c9e7c9;
  6473. }
  6474. .am-panel-warning {
  6475. border-color: #fbd0ae;
  6476. }
  6477. .am-panel-warning > .am-panel-hd {
  6478. color: #f37b1d;
  6479. background-color: rgba(243, 123, 29, 0.15);
  6480. border-color: #fbd0ae;
  6481. }
  6482. .am-panel-warning > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6483. border-top-color: #fbd0ae;
  6484. }
  6485. .am-panel-warning > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6486. border-bottom-color: #fbd0ae;
  6487. }
  6488. .am-panel-danger {
  6489. border-color: #f5cecd;
  6490. }
  6491. .am-panel-danger > .am-panel-hd {
  6492. color: #dd514c;
  6493. background-color: rgba(221, 81, 76, 0.15);
  6494. border-color: #f5cecd;
  6495. }
  6496. .am-panel-danger > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6497. border-top-color: #f5cecd;
  6498. }
  6499. .am-panel-danger > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6500. border-bottom-color: #f5cecd;
  6501. }
  6502. .am-panel > .am-table {
  6503. margin-bottom: 0;
  6504. }
  6505. .am-panel > .am-table:first-child {
  6506. border-top-right-radius: 2px;
  6507. border-top-left-radius: 2px;
  6508. }
  6509. .am-panel > .am-table:first-child > thead:first-child > tr:first-child td:first-child,
  6510. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child td:first-child,
  6511. .am-panel > .am-table:first-child > thead:first-child > tr:first-child th:first-child,
  6512. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child th:first-child {
  6513. border-top-left-radius: 2px;
  6514. }
  6515. .am-panel > .am-table:first-child > thead:first-child > tr:first-child td:last-child,
  6516. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child td:last-child,
  6517. .am-panel > .am-table:first-child > thead:first-child > tr:first-child th:last-child,
  6518. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child th:last-child {
  6519. border-top-right-radius: 2px;
  6520. }
  6521. .am-panel > .am-table:last-child {
  6522. border-bottom-right-radius: 2px;
  6523. border-bottom-left-radius: 2px;
  6524. }
  6525. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child td:first-child,
  6526. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child td:first-child,
  6527. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child th:first-child,
  6528. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child th:first-child {
  6529. border-bottom-left-radius: 2px;
  6530. }
  6531. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child td:last-child,
  6532. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child td:last-child,
  6533. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child th:last-child,
  6534. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child th:last-child {
  6535. border-bottom-right-radius: 2px;
  6536. }
  6537. .am-panel > .am-panel-bd + .am-table {
  6538. border-top: 1px solid #dddddd;
  6539. }
  6540. .am-panel > .am-table > tbody:first-child > tr:first-child th,
  6541. .am-panel > .am-table > tbody:first-child > tr:first-child td {
  6542. border-top: 0;
  6543. }
  6544. .am-panel > .am-table-bd {
  6545. border: 0;
  6546. }
  6547. .am-panel > .am-table-bd > thead > tr > th:first-child,
  6548. .am-panel > .am-table-bd > tbody > tr > th:first-child,
  6549. .am-panel > .am-table-bd > tfoot > tr > th:first-child,
  6550. .am-panel > .am-table-bd > thead > tr > td:first-child,
  6551. .am-panel > .am-table-bd > tbody > tr > td:first-child,
  6552. .am-panel > .am-table-bd > tfoot > tr > td:first-child {
  6553. border-left: 0;
  6554. }
  6555. .am-panel > .am-table-bd > thead > tr > th:last-child,
  6556. .am-panel > .am-table-bd > tbody > tr > th:last-child,
  6557. .am-panel > .am-table-bd > tfoot > tr > th:last-child,
  6558. .am-panel > .am-table-bd > thead > tr > td:last-child,
  6559. .am-panel > .am-table-bd > tbody > tr > td:last-child,
  6560. .am-panel > .am-table-bd > tfoot > tr > td:last-child {
  6561. border-right: 0;
  6562. }
  6563. .am-panel > .am-table-bd > thead > tr:first-child > td,
  6564. .am-panel > .am-table-bd > tbody > tr:first-child > td,
  6565. .am-panel > .am-table-bd > thead > tr:first-child > th,
  6566. .am-panel > .am-table-bd > tbody > tr:first-child > th {
  6567. border-bottom: 0;
  6568. }
  6569. .am-panel > .am-table-bd > tbody > tr:last-child > td,
  6570. .am-panel > .am-table-bd > tfoot > tr:last-child > td,
  6571. .am-panel > .am-table-bd > tbody > tr:last-child > th,
  6572. .am-panel > .am-table-bd > tfoot > tr:last-child > th {
  6573. border-bottom: 0;
  6574. }
  6575. /* Wrap list */
  6576. .am-panel > .am-list {
  6577. margin: 0;
  6578. }
  6579. .am-panel > .am-list > li > a {
  6580. padding-left: 1rem;
  6581. padding-right: 1rem;
  6582. }
  6583. .am-panel > .am-list-static li {
  6584. padding-left: 1rem;
  6585. padding-right: 1rem;
  6586. }
  6587. /* Panel group */
  6588. .am-panel-group {
  6589. margin-bottom: 2rem;
  6590. }
  6591. .am-panel-group .am-panel {
  6592. margin-bottom: 0;
  6593. border-radius: 2px;
  6594. }
  6595. .am-panel-group .am-panel + .am-panel {
  6596. margin-top: 6px;
  6597. }
  6598. .am-panel-group .am-panel-hd {
  6599. border-bottom: 0;
  6600. }
  6601. .am-panel-group .am-panel-hd + .am-panel-collapse .am-panel-bd {
  6602. border-top: 1px solid #dddddd;
  6603. }
  6604. .am-panel-group .am-panel-footer {
  6605. border-top: 0;
  6606. }
  6607. .am-panel-group .am-panel-footer + .am-panel-collapse .am-panel-bd {
  6608. border-bottom: 1px solid #dddddd;
  6609. }
  6610. /* ==========================================================================
  6611. Component: Progress
  6612. ============================================================================ */
  6613. /* Progress bar animation */
  6614. @-webkit-keyframes progress-bar-stripes {
  6615. from {
  6616. background-position: 36px 0;
  6617. }
  6618. to {
  6619. background-position: 0 0;
  6620. }
  6621. }
  6622. @keyframes progress-bar-stripes {
  6623. from {
  6624. background-position: 36px 0;
  6625. }
  6626. to {
  6627. background-position: 0 0;
  6628. }
  6629. }
  6630. /* Progress container */
  6631. .am-progress {
  6632. overflow: hidden;
  6633. height: 2rem;
  6634. margin-bottom: 2rem;
  6635. background-color: #f5f5f5;
  6636. border-radius: 2px;
  6637. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  6638. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  6639. }
  6640. /* Progress bar */
  6641. .am-progress-bar {
  6642. float: left;
  6643. width: 0;
  6644. height: 100%;
  6645. font-size: 1.2rem;
  6646. line-height: 2rem;
  6647. color: #ffffff;
  6648. text-align: center;
  6649. background-color: #0e90d2;
  6650. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  6651. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  6652. -webkit-transition: width .6s ease;
  6653. transition: width .6s ease;
  6654. }
  6655. .am-progress-striped .am-progress-bar {
  6656. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  6657. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6658. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6659. -webkit-background-size: 36px 36px;
  6660. background-size: 36px 36px;
  6661. }
  6662. .am-progress.am-active .am-progress-bar {
  6663. -webkit-animation: progress-bar-stripes 2s linear infinite;
  6664. animation: progress-bar-stripes 2s linear infinite;
  6665. }
  6666. .am-progress-bar[aria-valuenow="1"],
  6667. .am-progress-bar[aria-valuenow="2"] {
  6668. min-width: 30px;
  6669. }
  6670. .am-progress-bar[aria-valuenow="0"] {
  6671. color: #999999;
  6672. min-width: 30px;
  6673. background: none;
  6674. -webkit-box-shadow: none;
  6675. box-shadow: none;
  6676. }
  6677. .am-progress-bar-secondary {
  6678. background-color: #3bb4f2;
  6679. }
  6680. .am-progress-striped .am-progress-bar-secondary {
  6681. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  6682. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6683. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6684. }
  6685. .am-progress-bar-success {
  6686. background-color: #5eb95e;
  6687. }
  6688. .am-progress-striped .am-progress-bar-success {
  6689. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  6690. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6691. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6692. }
  6693. .am-progress-bar-warning {
  6694. background-color: #f37b1d;
  6695. }
  6696. .am-progress-striped .am-progress-bar-warning {
  6697. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  6698. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6699. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6700. }
  6701. .am-progress-bar-danger {
  6702. background-color: #dd514c;
  6703. }
  6704. .am-progress-striped .am-progress-bar-danger {
  6705. background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  6706. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6707. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  6708. }
  6709. .am-progress-xs {
  6710. height: 0.6rem;
  6711. }
  6712. .am-progress-sm {
  6713. height: 1.2rem;
  6714. }
  6715. /* ==========================================================================
  6716. Component: Thumbnail
  6717. ============================================================================ */
  6718. .am-thumbnail {
  6719. display: block;
  6720. padding: 2px;
  6721. margin-bottom: 2rem;
  6722. background-color: #ffffff;
  6723. border: 1px solid #dddddd;
  6724. border-radius: 2px;
  6725. -webkit-transition: all 0.2s ease-in-out;
  6726. transition: all 0.2s ease-in-out;
  6727. }
  6728. .am-thumbnail > img,
  6729. .am-thumbnail a > img {
  6730. margin-left: auto;
  6731. margin-right: auto;
  6732. display: block;
  6733. }
  6734. .am-thumbnail a.am-thumbnail:hover,
  6735. .am-thumbnail a.am-thumbnail:focus,
  6736. .am-thumbnail a.am-thumbnail.active {
  6737. border-color: #0e90d2;
  6738. background-color: #ffffff;
  6739. }
  6740. /* Image caption */
  6741. .am-thumbnail-caption {
  6742. margin: 0;
  6743. padding: 0.8rem;
  6744. color: #333333;
  6745. font-weight: normal;
  6746. }
  6747. .am-thumbnail-caption *:last-child {
  6748. margin-bottom: 0;
  6749. }
  6750. .am-thumbnails {
  6751. margin-left: -0.5rem;
  6752. margin-right: -0.5rem;
  6753. }
  6754. .am-thumbnails > li {
  6755. padding: 0 .5rem 1rem .5rem;
  6756. }
  6757. /* ==========================================================================
  6758. Component: Utility
  6759. ============================================================================ */
  6760. .am-scrollable-horizontal {
  6761. width: 100%;
  6762. overflow-y: hidden;
  6763. overflow-x: auto;
  6764. -ms-overflow-style: -ms-autohiding-scrollbar;
  6765. -webkit-overflow-scrolling: touch;
  6766. }
  6767. .am-scrollable-vertical {
  6768. height: 240px;
  6769. overflow-y: scroll;
  6770. -webkit-overflow-scrolling: touch;
  6771. resize: vertical;
  6772. }
  6773. /* Border-radius*/
  6774. .am-square {
  6775. border-radius: 0;
  6776. }
  6777. .am-radius {
  6778. border-radius: 2px;
  6779. }
  6780. .am-round {
  6781. border-radius: 1000px;
  6782. }
  6783. .am-circle {
  6784. border-radius: 50%;
  6785. }
  6786. /* Float blocks*/
  6787. .am-cf:before,
  6788. .am-cf:after {
  6789. content: " ";
  6790. display: table;
  6791. }
  6792. .am-cf:after {
  6793. clear: both;
  6794. }
  6795. .am-fl {
  6796. float: left;
  6797. }
  6798. .am-fr {
  6799. float: right;
  6800. }
  6801. .am-nbfc {
  6802. overflow: hidden;
  6803. }
  6804. .am-center {
  6805. display: block;
  6806. margin-left: auto;
  6807. margin-right: auto;
  6808. }
  6809. /* Display */
  6810. .am-block {
  6811. display: block !important;
  6812. }
  6813. .am-inline {
  6814. display: inline !important;
  6815. }
  6816. .am-inline-block {
  6817. display: inline-block !important;
  6818. }
  6819. .am-hide {
  6820. display: none !important;
  6821. visibility: hidden !important;
  6822. }
  6823. /*
  6824. * Remove whitespace between child elements when using `inline-block`
  6825. */
  6826. .am-vertical-align {
  6827. font-size: 0.001px;
  6828. }
  6829. /*
  6830. * The `@{ns}vertical-align` container needs a specific height
  6831. */
  6832. .am-vertical-align:before {
  6833. content: '';
  6834. display: inline-block;
  6835. height: 100%;
  6836. vertical-align: middle;
  6837. }
  6838. /*
  6839. * Sub-object which can have any height
  6840. * 1. Reset whitespace hack
  6841. */
  6842. .am-vertical-align-middle,
  6843. .am-vertical-align-bottom {
  6844. display: inline-block;
  6845. font-size: 1.6rem;
  6846. /* 1 */
  6847. max-width: 100%;
  6848. }
  6849. .am-vertical-align-middle {
  6850. vertical-align: middle;
  6851. }
  6852. .am-vertical-align-bottom {
  6853. vertical-align: bottom;
  6854. }
  6855. .am-responsive-width {
  6856. -webkit-box-sizing: border-box;
  6857. box-sizing: border-box;
  6858. max-width: 100%;
  6859. height: auto;
  6860. }
  6861. /* Margin helpers */
  6862. .am-margin {
  6863. margin: 1.6rem;
  6864. }
  6865. .am-margin-xs {
  6866. margin: 0.5rem;
  6867. }
  6868. .am-margin-sm {
  6869. margin: 1rem;
  6870. }
  6871. .am-margin-lg {
  6872. margin: 2.4rem;
  6873. }
  6874. .am-margin-xl {
  6875. margin: 3.2rem;
  6876. }
  6877. .am-margin-horizontal {
  6878. margin-left: 1.6rem;
  6879. margin-right: 1.6rem;
  6880. }
  6881. .am-margin-horizontal-xs {
  6882. margin-left: 0.5rem;
  6883. margin-right: 0.5rem;
  6884. }
  6885. .am-margin-horizontal-sm {
  6886. margin-left: 1rem;
  6887. margin-right: 1rem;
  6888. }
  6889. .am-margin-horizontal-lg {
  6890. margin-left: 2.4rem;
  6891. margin-right: 2.4rem;
  6892. }
  6893. .am-margin-horizontal-xl {
  6894. margin-left: 3.2rem;
  6895. margin-right: 3.2rem;
  6896. }
  6897. .am-margin-vertical {
  6898. margin-top: 1.6rem;
  6899. margin-bottom: 1.6rem;
  6900. }
  6901. .am-margin-vertical-xs {
  6902. margin-top: 0.5rem;
  6903. margin-bottom: 0.5rem;
  6904. }
  6905. .am-margin-vertical-sm {
  6906. margin-top: 1rem;
  6907. margin-bottom: 1rem;
  6908. }
  6909. .am-margin-vertical-lg {
  6910. margin-top: 2.4rem;
  6911. margin-bottom: 2.4rem;
  6912. }
  6913. .am-margin-vertical-xl {
  6914. margin-top: 3.2rem;
  6915. margin-bottom: 3.2rem;
  6916. }
  6917. .am-margin-top {
  6918. margin-top: 1.6rem;
  6919. }
  6920. .am-margin-top-xs {
  6921. margin-top: 0.5rem;
  6922. }
  6923. .am-margin-top-sm {
  6924. margin-top: 1rem;
  6925. }
  6926. .am-margin-top-lg {
  6927. margin-top: 2.4rem;
  6928. }
  6929. .am-margin-top-xl {
  6930. margin-top: 3.2rem;
  6931. }
  6932. .am-margin-bottom {
  6933. margin-bottom: 1.6rem;
  6934. }
  6935. .am-margin-bottom-xs {
  6936. margin-bottom: 0.5rem;
  6937. }
  6938. .am-margin-bottom-sm {
  6939. margin-bottom: 1rem;
  6940. }
  6941. .am-margin-bottom-lg {
  6942. margin-bottom: 2.4rem;
  6943. }
  6944. .am-margin-bottom-xl {
  6945. margin-bottom: 3.2rem;
  6946. }
  6947. .am-margin-left {
  6948. margin-left: 1.6rem;
  6949. }
  6950. .am-margin-left-xs {
  6951. margin-left: 0.5rem;
  6952. }
  6953. .am-margin-left-sm {
  6954. margin-left: 1rem;
  6955. }
  6956. .am-margin-left-lg {
  6957. margin-left: 2.4rem;
  6958. }
  6959. .am-margin-left-xl {
  6960. margin-left: 3.2rem;
  6961. }
  6962. .am-margin-right {
  6963. margin-right: 1.6rem;
  6964. }
  6965. .am-margin-right-xs {
  6966. margin-right: 0.5rem;
  6967. }
  6968. .am-margin-right-sm {
  6969. margin-right: 1rem;
  6970. }
  6971. .am-margin-right-lg {
  6972. margin-right: 2.4rem;
  6973. }
  6974. .am-margin-right-xl {
  6975. margin-right: 3.2rem;
  6976. }
  6977. /* Padding helpers */
  6978. .am-padding {
  6979. padding: 1.6rem;
  6980. }
  6981. .am-padding-xs {
  6982. padding: 0.5rem;
  6983. }
  6984. .am-padding-sm {
  6985. padding: 1rem;
  6986. }
  6987. .am-padding-lg {
  6988. padding: 2.4rem;
  6989. }
  6990. .am-padding-xl {
  6991. padding: 3.2rem;
  6992. }
  6993. .am-padding-horizontal {
  6994. padding-left: 1.6rem;
  6995. padding-right: 1.6rem;
  6996. }
  6997. .am-padding-horizontal-xs {
  6998. padding-left: 0.5rem;
  6999. padding-right: 0.5rem;
  7000. }
  7001. .am-padding-horizontal-sm {
  7002. padding-left: 1rem;
  7003. padding-right: 1rem;
  7004. }
  7005. .am-padding-horizontal-lg {
  7006. padding-left: 2.4rem;
  7007. padding-right: 2.4rem;
  7008. }
  7009. .am-padding-horizontal-xl {
  7010. padding-left: 3.2rem;
  7011. padding-right: 3.2rem;
  7012. }
  7013. .am-padding-vertical {
  7014. padding-top: 1.6rem;
  7015. padding-bottom: 1.6rem;
  7016. }
  7017. .am-padding-vertical-xs {
  7018. padding-top: 0.5rem;
  7019. padding-bottom: 0.5rem;
  7020. }
  7021. .am-padding-vertical-sm {
  7022. padding-top: 1rem;
  7023. padding-bottom: 1rem;
  7024. }
  7025. .am-padding-vertical-lg {
  7026. padding-top: 2.4rem;
  7027. padding-bottom: 2.4rem;
  7028. }
  7029. .am-padding-vertical-xl {
  7030. padding-top: 3.2rem;
  7031. padding-bottom: 3.2rem;
  7032. }
  7033. .am-padding-top {
  7034. padding-top: 1.6rem;
  7035. }
  7036. .am-padding-top-xs {
  7037. padding-top: 0.5rem;
  7038. }
  7039. .am-padding-top-sm {
  7040. padding-top: 1rem;
  7041. }
  7042. .am-padding-top-lg {
  7043. padding-top: 2.4rem;
  7044. }
  7045. .am-padding-top-xl {
  7046. padding-top: 3.2rem;
  7047. }
  7048. .am-padding-bottom {
  7049. padding-bottom: 1.6rem;
  7050. }
  7051. .am-padding-bottom-xs {
  7052. padding-bottom: 0.5rem;
  7053. }
  7054. .am-padding-bottom-sm {
  7055. padding-bottom: 1rem;
  7056. }
  7057. .am-padding-bottom-lg {
  7058. padding-bottom: 2.4rem;
  7059. }
  7060. .am-padding-bottom-xl {
  7061. padding-bottom: 3.2rem;
  7062. }
  7063. .am-padding-left {
  7064. padding-left: 1.6rem;
  7065. }
  7066. .am-padding-left-xs {
  7067. padding-left: 0.5rem;
  7068. }
  7069. .am-padding-left-sm {
  7070. padding-left: 1rem;
  7071. }
  7072. .am-padding-left-lg {
  7073. padding-left: 2.4rem;
  7074. }
  7075. .am-padding-left-xl {
  7076. padding-left: 3.2rem;
  7077. }
  7078. .am-padding-right {
  7079. padding-right: 1.6rem;
  7080. }
  7081. .am-padding-right-xs {
  7082. padding-right: 0.5rem;
  7083. }
  7084. .am-padding-right-sm {
  7085. padding-right: 1rem;
  7086. }
  7087. .am-padding-right-lg {
  7088. padding-right: 2.4rem;
  7089. }
  7090. .am-padding-right-xl {
  7091. padding-right: 3.2rem;
  7092. }
  7093. /* small displays */
  7094. @media only screen {
  7095. .am-show-sm-only,
  7096. .am-show-sm-up,
  7097. .am-show-sm,
  7098. .am-show-sm-down,
  7099. .am-hide-md-only,
  7100. .am-hide-md-up,
  7101. .am-hide-md,
  7102. .am-show-md-down,
  7103. .am-hide-lg-only,
  7104. .am-hide-lg-up,
  7105. .am-hide-lg,
  7106. .am-show-lg-down {
  7107. display: inherit !important;
  7108. }
  7109. .am-hide-sm-only,
  7110. .am-hide-sm-up,
  7111. .am-hide-sm,
  7112. .am-hide-sm-down,
  7113. .am-show-md-only,
  7114. .am-show-md-up,
  7115. .am-show-md,
  7116. .am-hide-md-down,
  7117. .am-show-lg-only,
  7118. .am-show-lg-up,
  7119. .am-show-lg,
  7120. .am-hide-lg-down {
  7121. display: none !important;
  7122. }
  7123. }
  7124. /* medium displays */
  7125. @media only screen and (min-width:641px) {
  7126. .am-hide-sm-only,
  7127. .am-show-sm-up,
  7128. .am-hide-sm,
  7129. .am-hide-sm-down,
  7130. .am-show-md-only,
  7131. .am-show-md-up,
  7132. .am-show-md,
  7133. .am-show-md-down,
  7134. .am-hide-lg-only,
  7135. .am-hide-lg-up,
  7136. .am-hide-lg,
  7137. .am-show-lg-down {
  7138. display: inherit !important;
  7139. }
  7140. .am-show-sm-only,
  7141. .am-hide-sm-up,
  7142. .am-show-sm,
  7143. .am-show-sm-down,
  7144. .am-hide-md-only,
  7145. .am-hide-md-up,
  7146. .am-hide-md,
  7147. .am-hide-md-down,
  7148. .am-show-lg-only,
  7149. .am-show-lg-up,
  7150. .am-show-lg,
  7151. .am-hide-lg-down {
  7152. display: none !important;
  7153. }
  7154. }
  7155. /* large displays */
  7156. @media only screen and (min-width:1025px) {
  7157. .am-hide-sm-only,
  7158. .am-show-sm-up,
  7159. .am-hide-sm,
  7160. .am-hide-sm-down,
  7161. .am-hide-md-only,
  7162. .am-show-md-up,
  7163. .am-hide-md,
  7164. .am-hide-md-down,
  7165. .am-show-lg-only,
  7166. .am-show-lg-up,
  7167. .am-show-lg,
  7168. .am-show-lg-down {
  7169. display: inherit !important;
  7170. }
  7171. .am-show-sm-only,
  7172. .am-hide-sm-up,
  7173. .am-show-sm,
  7174. .am-show-sm-down,
  7175. .am-show-md-only,
  7176. .am-hide-md-up,
  7177. .am-show-md,
  7178. .am-show-md-down,
  7179. .am-hide-lg-only,
  7180. .am-hide-lg-up,
  7181. .am-hide-lg,
  7182. .am-hide-lg-down {
  7183. display: none !important;
  7184. }
  7185. }
  7186. @media only screen and (orientation: landscape) {
  7187. .am-show-landscape,
  7188. .am-hide-portrait {
  7189. display: inherit !important;
  7190. }
  7191. .am-hide-landscape,
  7192. .am-show-portrait {
  7193. display: none !important;
  7194. }
  7195. }
  7196. @media only screen and (orientation: portrait) {
  7197. .am-show-portrait,
  7198. .am-hide-landscape {
  7199. display: inherit !important;
  7200. }
  7201. .am-hide-portrait,
  7202. .am-show-landscape {
  7203. display: none !important;
  7204. }
  7205. }
  7206. .am-sans-serif {
  7207. font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
  7208. }
  7209. .am-serif {
  7210. font-family: Georgia, "Times New Roman", Times, SimSun, "FontAwesome", serif;
  7211. }
  7212. .am-kai {
  7213. font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
  7214. }
  7215. .am-monospace {
  7216. font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
  7217. }
  7218. .am-text-primary {
  7219. color: #0e90d2;
  7220. }
  7221. .am-text-secondary {
  7222. color: #3bb4f2;
  7223. }
  7224. .am-text-success {
  7225. color: #5eb95e;
  7226. }
  7227. .am-text-warning {
  7228. color: #f37b1d;
  7229. }
  7230. .am-text-danger {
  7231. color: #dd514c;
  7232. }
  7233. .am-link-muted {
  7234. color: #666;
  7235. }
  7236. .am-link-muted a {
  7237. color: #666;
  7238. }
  7239. .am-link-muted:hover,
  7240. .am-link-muted a:hover {
  7241. color: #555;
  7242. }
  7243. .am-text-default {
  7244. font-size: 1.6rem;
  7245. }
  7246. /*
  7247. .@{ns}text-xxs {
  7248. font-size: @font-size-xxs;
  7249. }
  7250. */
  7251. .am-text-xs {
  7252. font-size: 1.2rem;
  7253. }
  7254. .am-text-sm {
  7255. font-size: 1.4rem;
  7256. }
  7257. .am-text-lg {
  7258. font-size: 1.8rem;
  7259. }
  7260. .am-text-xl {
  7261. font-size: 2.4rem;
  7262. }
  7263. .am-text-xxl {
  7264. font-size: 3.2rem;
  7265. }
  7266. .am-text-xxxl {
  7267. font-size: 4.2rem;
  7268. }
  7269. .am-ellipsis,
  7270. .am-text-truncate {
  7271. word-wrap: normal;
  7272. /* for IE */
  7273. text-overflow: ellipsis;
  7274. white-space: nowrap;
  7275. overflow: hidden;
  7276. }
  7277. .am-text-break {
  7278. word-wrap: break-word;
  7279. -webkit-hyphens: auto;
  7280. -ms-hyphens: auto;
  7281. -moz-hyphens: auto;
  7282. hyphens: auto;
  7283. }
  7284. .am-text-nowrap {
  7285. white-space: nowrap;
  7286. }
  7287. [class*='am-align-'] {
  7288. margin-bottom: 1rem;
  7289. }
  7290. .am-align-left {
  7291. margin-right: 1rem;
  7292. float: left;
  7293. }
  7294. .am-align-right {
  7295. margin-left: 1rem;
  7296. float: right;
  7297. }
  7298. /** Only display content to screen readers
  7299. * See: http://a11yproject.com/posts/how-to-hide-content/
  7300. */
  7301. .am-sr-only {
  7302. position: absolute;
  7303. width: 1px;
  7304. height: 1px;
  7305. margin: -1px;
  7306. padding: 0;
  7307. overflow: hidden;
  7308. clip: rect(0, 0, 0, 0);
  7309. border: 0;
  7310. }
  7311. /* Text Image Replacement */
  7312. .am-text-ir {
  7313. font: 0/0 a;
  7314. color: transparent;
  7315. text-shadow: none;
  7316. background-color: transparent;
  7317. border: 0;
  7318. }
  7319. /* Text align */
  7320. @media only screen {
  7321. .am-text-left {
  7322. text-align: left !important;
  7323. }
  7324. .am-text-right {
  7325. text-align: right !important;
  7326. }
  7327. .am-text-center {
  7328. text-align: center !important;
  7329. }
  7330. .am-text-justify {
  7331. text-align: justify !important;
  7332. }
  7333. }
  7334. @media only screen and (max-width: 640px) {
  7335. .am-sm-only-text-left {
  7336. text-align: left !important;
  7337. }
  7338. .am-sm-only-text-right {
  7339. text-align: right !important;
  7340. }
  7341. .am-sm-only-text-center {
  7342. text-align: center !important;
  7343. }
  7344. .am-sm-only-text-justify {
  7345. text-align: justify !important;
  7346. }
  7347. }
  7348. @media only screen and (min-width:641px) and (max-width:1024px) {
  7349. .am-md-only-text-left {
  7350. text-align: left !important;
  7351. }
  7352. .am-md-only-text-right {
  7353. text-align: right !important;
  7354. }
  7355. .am-md-only-text-center {
  7356. text-align: center !important;
  7357. }
  7358. .am-md-only-text-justify {
  7359. text-align: justify !important;
  7360. }
  7361. }
  7362. @media only screen and (min-width:641px) {
  7363. .am-md-text-left {
  7364. text-align: left !important;
  7365. }
  7366. .am-md-text-right {
  7367. text-align: right !important;
  7368. }
  7369. .am-md-text-center {
  7370. text-align: center !important;
  7371. }
  7372. .am-md-text-justify {
  7373. text-align: justify !important;
  7374. }
  7375. }
  7376. @media only screen and (min-width:1025px) {
  7377. .am-lg-text-left {
  7378. text-align: left !important;
  7379. }
  7380. .am-lg-text-right {
  7381. text-align: right !important;
  7382. }
  7383. .am-lg-text-center {
  7384. text-align: center !important;
  7385. }
  7386. .am-lg-text-justify {
  7387. text-align: justify !important;
  7388. }
  7389. }
  7390. .am-text-top {
  7391. vertical-align: top !important;
  7392. }
  7393. .am-text-middle {
  7394. vertical-align: middle !important;
  7395. }
  7396. .am-text-bottom {
  7397. vertical-align: bottom !important;
  7398. }
  7399. .am-angle {
  7400. position: absolute;
  7401. }
  7402. .am-angle:before,
  7403. .am-angle:after {
  7404. position: absolute;
  7405. display: block;
  7406. content: "";
  7407. width: 0;
  7408. height: 0;
  7409. border: 8px dashed transparent;
  7410. z-index: 1;
  7411. }
  7412. .am-angle-up {
  7413. top: 0;
  7414. }
  7415. .am-angle-up:before,
  7416. .am-angle-up:after {
  7417. border-bottom-style: solid;
  7418. border-width: 0 8px 8px;
  7419. }
  7420. .am-angle-up:before {
  7421. border-bottom-color: #dddddd;
  7422. bottom: 0;
  7423. }
  7424. .am-angle-up:after {
  7425. border-bottom-color: #ffffff;
  7426. bottom: -1px;
  7427. }
  7428. .am-angle-down {
  7429. bottom: -9px;
  7430. }
  7431. .am-angle-down:before,
  7432. .am-angle-down:after {
  7433. border-top-style: solid;
  7434. border-width: 8px 8px 0;
  7435. }
  7436. .am-angle-down:before {
  7437. border-top-color: #dddddd;
  7438. bottom: 0;
  7439. }
  7440. .am-angle-down:after {
  7441. border-top-color: #ffffff;
  7442. bottom: 1px;
  7443. }
  7444. .am-angle-left {
  7445. left: -9px;
  7446. }
  7447. .am-angle-left:before,
  7448. .am-angle-left:after {
  7449. border-right-style: solid;
  7450. border-width: 8px 8px 8px 0;
  7451. }
  7452. .am-angle-left:before {
  7453. border-right-color: #dddddd;
  7454. left: 0;
  7455. }
  7456. .am-angle-left:after {
  7457. border-right-color: #ffffff;
  7458. left: 1px;
  7459. }
  7460. .am-angle-right {
  7461. right: 0;
  7462. }
  7463. .am-angle-right:before,
  7464. .am-angle-right:after {
  7465. border-left-style: solid;
  7466. border-width: 8px 0 8px 8px;
  7467. }
  7468. .am-angle-right:before {
  7469. border-left-color: #dddddd;
  7470. left: 0;
  7471. }
  7472. .am-angle-right:after {
  7473. border-left-color: #ffffff;
  7474. left: -1px;
  7475. }
  7476. /* ==========================================================================
  7477. Component: Alert Plugin
  7478. ============================================================================ */
  7479. .am-alert {
  7480. margin-bottom: 15px;
  7481. padding: 10px;
  7482. background: #0e90d2;
  7483. color: #ffffff;
  7484. border: 1px solid #0c7cb5;
  7485. border-radius: 2px;
  7486. }
  7487. .am-alert a {
  7488. color: #ffffff;
  7489. }
  7490. .am-alert h1,
  7491. .am-alert h2,
  7492. .am-alert h3,
  7493. .am-alert h4,
  7494. .am-alert h5,
  7495. .am-alert h6 {
  7496. color: inherit;
  7497. }
  7498. .am-alert .am-close {
  7499. opacity: .4;
  7500. }
  7501. .am-alert .am-close:hover {
  7502. opacity: .6;
  7503. }
  7504. /* Add margin if adjacent element */
  7505. * + .am-alert {
  7506. margin-top: 15px;
  7507. }
  7508. /* Remove margin from the last-child */
  7509. .am-alert > :last-child {
  7510. margin-bottom: 0;
  7511. }
  7512. /* Close in alert */
  7513. .am-alert > .am-close:first-child {
  7514. float: right;
  7515. height: auto;
  7516. margin: -3px -5px auto auto;
  7517. }
  7518. /* Remove margin from adjacent element */
  7519. .am-alert > .am-close:first-child + * {
  7520. margin-top: 0;
  7521. }
  7522. .am-alert-secondary {
  7523. background-color: #eeeeee;
  7524. border-color: #dfdfdf;
  7525. color: #555555;
  7526. }
  7527. .am-alert-success {
  7528. background-color: #5eb95e;
  7529. border-color: #4bad4b;
  7530. color: #ffffff;
  7531. }
  7532. .am-alert-warning {
  7533. background-color: #f37b1d;
  7534. border-color: #e56c0c;
  7535. color: #ffffff;
  7536. }
  7537. .am-alert-danger {
  7538. background-color: #dd514c;
  7539. border-color: #d83832;
  7540. color: #ffffff;
  7541. }
  7542. .am-dropdown {
  7543. position: relative;
  7544. display: inline-block;
  7545. }
  7546. .am-dropdown-toggle:focus {
  7547. outline: 0;
  7548. }
  7549. .am-dropdown-content {
  7550. position: absolute;
  7551. top: 100%;
  7552. left: 0;
  7553. z-index: 1020;
  7554. display: none;
  7555. float: left;
  7556. min-width: 160px;
  7557. padding: 15px;
  7558. margin: 9px 0 0;
  7559. text-align: left;
  7560. line-height: 1.6;
  7561. background-color: #ffffff;
  7562. border: 1px solid #dddddd;
  7563. border-radius: 2px;
  7564. -webkit-background-clip: padding-box;
  7565. background-clip: padding-box;
  7566. -webkit-animation-duration: .15s;
  7567. animation-duration: .15s;
  7568. }
  7569. .am-dropdown-content:before,
  7570. .am-dropdown-content:after {
  7571. position: absolute;
  7572. display: block;
  7573. content: "";
  7574. width: 0;
  7575. height: 0;
  7576. border: 8px dashed transparent;
  7577. z-index: 1;
  7578. }
  7579. .am-dropdown-content:before,
  7580. .am-dropdown-content:after {
  7581. border-bottom-style: solid;
  7582. border-width: 0 8px 8px;
  7583. }
  7584. .am-dropdown-content:before {
  7585. border-bottom-color: #dddddd;
  7586. bottom: 0;
  7587. }
  7588. .am-dropdown-content:after {
  7589. border-bottom-color: #ffffff;
  7590. bottom: -1px;
  7591. }
  7592. .am-dropdown-content:before,
  7593. .am-dropdown-content:after {
  7594. left: 10px;
  7595. top: -8px;
  7596. pointer-events: none;
  7597. }
  7598. .am-dropdown-content:after {
  7599. top: -7px;
  7600. }
  7601. .am-active > .am-dropdown-content {
  7602. display: block;
  7603. }
  7604. .am-dropdown-content :first-child {
  7605. margin-top: 0;
  7606. }
  7607. .am-dropdown-up .am-dropdown-content {
  7608. top: auto;
  7609. bottom: 100%;
  7610. margin: 0 0 9px;
  7611. }
  7612. .am-dropdown-up .am-dropdown-content:before,
  7613. .am-dropdown-up .am-dropdown-content:after {
  7614. border-bottom: none;
  7615. border-top: 8px solid #dddddd;
  7616. top: auto;
  7617. bottom: -8px;
  7618. }
  7619. .am-dropdown-up .am-dropdown-content:after {
  7620. bottom: -7px;
  7621. border-top-color: #ffffff;
  7622. }
  7623. .am-dropdown-flip .am-dropdown-content {
  7624. left: auto;
  7625. right: 0;
  7626. }
  7627. .am-dropdown-flip .am-dropdown-content:before,
  7628. .am-dropdown-flip .am-dropdown-content:after {
  7629. left: auto;
  7630. right: 10px;
  7631. }
  7632. ul.am-dropdown-content {
  7633. list-style: none;
  7634. padding: 5px 0;
  7635. }
  7636. ul.am-dropdown-content.am-fr {
  7637. right: 0;
  7638. left: auto;
  7639. }
  7640. ul.am-dropdown-content .am-divider {
  7641. height: 1px;
  7642. margin: 0rem 0;
  7643. overflow: hidden;
  7644. background-color: #e5e5e5;
  7645. }
  7646. ul.am-dropdown-content > li > a {
  7647. display: block;
  7648. padding: 6px 20px;
  7649. clear: both;
  7650. font-weight: normal;
  7651. color: #333333;
  7652. white-space: nowrap;
  7653. }
  7654. ul.am-dropdown-content > li > a:hover,
  7655. ul.am-dropdown-content > li > a:focus {
  7656. text-decoration: none;
  7657. color: #262626;
  7658. background-color: #f5f5f5;
  7659. }
  7660. ul.am-dropdown-content > .am-active > a,
  7661. ul.am-dropdown-content > .am-active > a:hover,
  7662. ul.am-dropdown-content > .am-active > a:focus {
  7663. color: #ffffff;
  7664. text-decoration: none;
  7665. outline: 0;
  7666. background-color: #0e90d2;
  7667. }
  7668. ul.am-dropdown-content > .am-disabled > a,
  7669. ul.am-dropdown-content > .am-disabled > a:hover,
  7670. ul.am-dropdown-content > .am-disabled > a:focus {
  7671. color: #999999;
  7672. }
  7673. ul.am-dropdown-content > .am-disabled > a:hover,
  7674. ul.am-dropdown-content > .am-disabled > a:focus {
  7675. text-decoration: none;
  7676. background-color: transparent;
  7677. background-image: none;
  7678. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  7679. cursor: not-allowed;
  7680. }
  7681. .am-dropdown-header {
  7682. display: block;
  7683. padding: 6px 20px;
  7684. font-size: 1.2rem;
  7685. color: #999999;
  7686. }
  7687. .am-fr > .am-dropdown-content {
  7688. right: 0;
  7689. left: auto;
  7690. }
  7691. .am-fr > .am-dropdown-content:before {
  7692. right: 10px;
  7693. left: auto;
  7694. }
  7695. .am-dropdown-animation {
  7696. -webkit-animation: am-dropdown-animation 0.15s ease-out;
  7697. animation: am-dropdown-animation 0.15s ease-out;
  7698. }
  7699. @-webkit-keyframes am-dropdown-animation {
  7700. 0% {
  7701. opacity: 1;
  7702. -webkit-transform: translateY(0);
  7703. transform: translateY(0);
  7704. }
  7705. 100% {
  7706. opacity: 0;
  7707. -webkit-transform: translateY(-10px);
  7708. transform: translateY(-10px);
  7709. }
  7710. }
  7711. @keyframes am-dropdown-animation {
  7712. 0% {
  7713. opacity: 1;
  7714. -webkit-transform: translateY(0);
  7715. transform: translateY(0);
  7716. }
  7717. 100% {
  7718. opacity: 0;
  7719. -webkit-transform: translateY(-10px);
  7720. transform: translateY(-10px);
  7721. }
  7722. }
  7723. /* ==========================================================================
  7724. Component: Flex Slider Plugin
  7725. ============================================================================ */
  7726. .am-slider a:hover,
  7727. .am-slider a:focus {
  7728. outline: none;
  7729. }
  7730. .am-slides,
  7731. .am-control-nav,
  7732. .am-direction-nav {
  7733. margin: 0;
  7734. padding: 0;
  7735. list-style: none;
  7736. }
  7737. .am-slider {
  7738. margin: 0;
  7739. padding: 0;
  7740. }
  7741. .am-slider .am-slides:before,
  7742. .am-slider .am-slides:after {
  7743. content: " ";
  7744. display: table;
  7745. }
  7746. .am-slider .am-slides:after {
  7747. clear: both;
  7748. }
  7749. .am-slider .am-slides > li {
  7750. display: none;
  7751. -webkit-backface-visibility: hidden;
  7752. position: relative;
  7753. }
  7754. .no-js .am-slider .am-slides > li:first-child {
  7755. display: block;
  7756. }
  7757. .am-slider .am-slides img {
  7758. width: 100%;
  7759. display: block;
  7760. }
  7761. .am-pauseplay span {
  7762. text-transform: capitalize;
  7763. }
  7764. .am-slider {
  7765. position: relative;
  7766. }
  7767. .am-viewport {
  7768. -webkit-transition: all 1s ease;
  7769. transition: all 1s ease;
  7770. }
  7771. .am-slider-carousel li {
  7772. margin-right: 5px;
  7773. }
  7774. /* Direction Nav */
  7775. /* Pause/Play */
  7776. .am-control-nav {
  7777. position: absolute;
  7778. }
  7779. .am-control-nav li {
  7780. display: inline-block;
  7781. }
  7782. .am-control-thumbs {
  7783. position: static;
  7784. overflow: hidden;
  7785. }
  7786. .am-control-thumbs img {
  7787. -webkit-transition: opacity .1s;
  7788. transition: opacity .1s;
  7789. }
  7790. /**
  7791. * Slider Theme: Default
  7792. */
  7793. .am-slider-default {
  7794. margin: 0 0 20px;
  7795. background-color: #fff;
  7796. border-radius: 2px;
  7797. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  7798. box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
  7799. /* Direction Nav */
  7800. /* Pause/Play */
  7801. /* Control Nav */
  7802. }
  7803. .am-slider-default .am-viewport {
  7804. max-height: 2000px;
  7805. -webkit-transition: all 1s ease;
  7806. transition: all 1s ease;
  7807. }
  7808. .loading .am-slider-default .am-viewport {
  7809. max-height: 300px;
  7810. }
  7811. .am-slider-default .carousel li {
  7812. margin-right: 5px;
  7813. }
  7814. .am-slider-default .am-direction-nav a {
  7815. position: absolute;
  7816. top: 50%;
  7817. z-index: 10;
  7818. display: block;
  7819. width: 36px;
  7820. height: 24px;
  7821. margin: -12px 0 0;
  7822. overflow: hidden;
  7823. opacity: 0.45;
  7824. cursor: pointer;
  7825. color: rgba(0, 0, 0, 0.65);
  7826. -webkit-transition: all .3s ease;
  7827. transition: all .3s ease;
  7828. }
  7829. .am-slider-default .am-direction-nav a:before {
  7830. color: #333333;
  7831. display: inline-block;
  7832. font-family: "FontAwesome", sans-serif;
  7833. font-weight: normal;
  7834. font-style: normal;
  7835. vertical-align: baseline;
  7836. line-height: 1;
  7837. -webkit-font-smoothing: antialiased;
  7838. -moz-osx-font-smoothing: grayscale;
  7839. content: "\f137";
  7840. font-size: 24px;
  7841. }
  7842. .am-slider-default .am-direction-nav a.am-next:before {
  7843. content: "\f138";
  7844. }
  7845. .am-slider-default .am-direction-nav .am-prev {
  7846. left: 10px;
  7847. }
  7848. .am-slider-default .am-direction-nav .am-next {
  7849. right: 10px;
  7850. text-align: right;
  7851. }
  7852. .am-slider-default .am-direction-nav .am-disabled {
  7853. opacity: 0!important;
  7854. cursor: default;
  7855. }
  7856. .am-slider-default:hover .am-prev {
  7857. opacity: 0.7;
  7858. left: 10px;
  7859. }
  7860. .am-slider-default:hover .am-prev:hover {
  7861. opacity: 1;
  7862. }
  7863. .am-slider-default:hover .am-next {
  7864. opacity: 0.7;
  7865. right: 10px;
  7866. }
  7867. .am-slider-default:hover .am-next:hover {
  7868. opacity: 1;
  7869. }
  7870. .am-slider-default .am-pauseplay a {
  7871. display: block;
  7872. width: 20px;
  7873. height: 20px;
  7874. position: absolute;
  7875. bottom: 5px;
  7876. left: 10px;
  7877. opacity: 0.8;
  7878. z-index: 10;
  7879. overflow: hidden;
  7880. cursor: pointer;
  7881. color: #000000;
  7882. }
  7883. .am-slider-default .am-pauseplay a::before {
  7884. font-family: "FontAwesome", sans-serif;
  7885. font-weight: normal;
  7886. font-style: normal;
  7887. vertical-align: baseline;
  7888. line-height: 1;
  7889. -webkit-font-smoothing: antialiased;
  7890. -moz-osx-font-smoothing: grayscale;
  7891. font-size: 20px;
  7892. display: inline-block;
  7893. content: "\f04c";
  7894. }
  7895. .am-slider-default .am-pauseplay a:hover {
  7896. opacity: 1;
  7897. }
  7898. .am-slider-default .am-pauseplay a.am-play::before {
  7899. content: "\f04b";
  7900. }
  7901. .am-slider-default .am-slider-desc {
  7902. background-color: rgba(0, 0, 0, 0.7);
  7903. position: absolute;
  7904. bottom: 0;
  7905. padding: 10px;
  7906. width: 100%;
  7907. color: #ffffff;
  7908. }
  7909. .am-slider-default .am-control-nav {
  7910. width: 100%;
  7911. position: absolute;
  7912. bottom: -15px;
  7913. text-align: center;
  7914. }
  7915. .am-slider-default .am-control-nav li {
  7916. margin: 0 6px;
  7917. display: inline-block;
  7918. }
  7919. .am-slider-default .am-control-nav li a {
  7920. width: 8px;
  7921. height: 8px;
  7922. display: block;
  7923. background-color: #666;
  7924. background-color: rgba(0, 0, 0, 0.5);
  7925. line-height: 0;
  7926. font-size: 0;
  7927. cursor: pointer;
  7928. text-indent: -9999px;
  7929. border-radius: 20px;
  7930. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  7931. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  7932. }
  7933. .am-slider-default .am-control-nav li a:hover {
  7934. background-color: #333;
  7935. background-color: rgba(0, 0, 0, 0.7);
  7936. }
  7937. .am-slider-default .am-control-nav li a.am-active {
  7938. background-color: #000;
  7939. background-color: #0e90d2;
  7940. cursor: default;
  7941. }
  7942. .am-slider-default .am-control-thumbs {
  7943. margin: 5px 0 0;
  7944. position: static;
  7945. overflow: hidden;
  7946. }
  7947. .am-slider-default .am-control-thumbs li {
  7948. width: 25%;
  7949. float: left;
  7950. margin: 0;
  7951. }
  7952. .am-slider-default .am-control-thumbs img {
  7953. width: 100%;
  7954. display: block;
  7955. opacity: .7;
  7956. cursor: pointer;
  7957. }
  7958. .am-slider-default .am-control-thumbs img:hover {
  7959. opacity: 1;
  7960. }
  7961. .am-slider-default .am-control-thumbs .am-active {
  7962. opacity: 1;
  7963. cursor: default;
  7964. }
  7965. /* ==========================================================================
  7966. Component: Modal Plugin
  7967. ============================================================================ */
  7968. .am-modal {
  7969. width: 270px;
  7970. position: fixed;
  7971. display: none;
  7972. z-index: 1110;
  7973. left: 50%;
  7974. margin-left: -135px;
  7975. margin-top: 0;
  7976. top: 50%;
  7977. text-align: center;
  7978. border-radius: 2px;
  7979. opacity: 0;
  7980. -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  7981. transform: translate3d(0, 0, 0) scale(1.185);
  7982. -webkit-transition-property: -webkit-transform, opacity;
  7983. transition-property: transform, opacity
  7984. /*@media @large-up {
  7985. width: @modal-lg;
  7986. margin-left: -@modal-lg/2;
  7987. }*/
  7988. }
  7989. .am-modal:focus {
  7990. outline: 0;
  7991. }
  7992. .am-modal.am-modal-active {
  7993. opacity: 1;
  7994. -webkit-transition-duration: 300ms;
  7995. transition-duration: 300ms;
  7996. -webkit-transform: translate3d(0, 0, 0) scale(1);
  7997. transform: translate3d(0, 0, 0) scale(1);
  7998. }
  7999. .am-modal.am-modal-out {
  8000. opacity: 0;
  8001. z-index: 1109;
  8002. -webkit-transition-duration: 300ms;
  8003. transition-duration: 300ms;
  8004. -webkit-transform: translate3d(0, 0, 0) scale(0.815);
  8005. transform: translate3d(0, 0, 0) scale(0.815);
  8006. }
  8007. @media only screen and (min-width:641px) {
  8008. .am-modal {
  8009. width: 540px;
  8010. margin-left: -270px;
  8011. }
  8012. }
  8013. .am-modal-dialog {
  8014. border-radius: 2px;
  8015. background: #f8f8f8;
  8016. }
  8017. .am-modal-hd {
  8018. padding: 15px 10px 5px 10px;
  8019. font-size: 1.8rem;
  8020. font-weight: 500;
  8021. }
  8022. .am-modal-hd + .am-modal-bd {
  8023. padding-top: 0;
  8024. }
  8025. .am-modal-hd .am-close {
  8026. position: absolute;
  8027. top: 4px;
  8028. right: 4px;
  8029. }
  8030. .am-modal-bd {
  8031. padding: 15px 10px;
  8032. text-align: center;
  8033. border-bottom: 1px solid #dedede;
  8034. border-radius: 2px 2px 0 0;
  8035. }
  8036. .am-modal-bd + .am-modal-bd {
  8037. margin-top: 5px;
  8038. }
  8039. .am-modal-prompt-input {
  8040. display: block;
  8041. margin: 5px auto 0 auto;
  8042. border-radius: 2px;
  8043. padding: 5px;
  8044. line-height: 1.8rem;
  8045. width: 80%;
  8046. border: 1px solid #dedede;
  8047. -webkit-appearance: none;
  8048. -moz-appearance: none;
  8049. -ms-appearance: none;
  8050. appearance: none;
  8051. }
  8052. .am-modal-prompt-input:focus {
  8053. outline: none;
  8054. border-color: #d6d6d6;
  8055. }
  8056. .am-modal-footer {
  8057. height: 44px;
  8058. overflow: hidden;
  8059. display: table;
  8060. width: 100%;
  8061. border-collapse: collapse;
  8062. }
  8063. .am-modal-btn {
  8064. display: table-cell !important;
  8065. padding: 0 5px;
  8066. height: 44px;
  8067. -webkit-box-sizing: border-box !important;
  8068. box-sizing: border-box !important;
  8069. font-size: 1.6rem;
  8070. line-height: 44px;
  8071. text-align: center;
  8072. color: #0e90d2;
  8073. display: block;
  8074. word-wrap: normal;
  8075. /* for IE */
  8076. text-overflow: ellipsis;
  8077. white-space: nowrap;
  8078. overflow: hidden;
  8079. cursor: pointer;
  8080. border-right: 1px solid #dedede;
  8081. }
  8082. .am-modal-btn:first-child {
  8083. border-radius: 0 0 0 2px;
  8084. }
  8085. .am-modal-btn:last-child {
  8086. border-right: none;
  8087. border-radius: 0 0 2px 0;
  8088. }
  8089. .am-modal-btn:first-child:last-child {
  8090. border-radius: 0 0 2px 2px;
  8091. }
  8092. .am-modal-btn.am-modal-btn-bold {
  8093. font-weight: 500;
  8094. }
  8095. .am-modal-btn:active {
  8096. background: #d4d4d4;
  8097. }
  8098. .am-modal-btn + .am-modal-btn {
  8099. border-left: 1px solid #dedede;
  8100. }
  8101. .am-modal-no-btn .am-modal-dialog {
  8102. border-radius: 2px;
  8103. border-bottom: none;
  8104. }
  8105. .am-modal-no-btn .am-modal-bd {
  8106. border-bottom: none;
  8107. }
  8108. .am-modal-no-btn .am-modal-footer {
  8109. display: none;
  8110. }
  8111. .am-modal-loading .am-modal-bd {
  8112. border-bottom: none;
  8113. }
  8114. .am-modal-loading .am-icon-spin {
  8115. display: inline-block;
  8116. font-size: 2.4rem;
  8117. }
  8118. .am-modal-loading .am-modal-footer {
  8119. display: none;
  8120. }
  8121. .am-modal-actions {
  8122. position: fixed;
  8123. left: 0;
  8124. bottom: 0;
  8125. z-index: 1110;
  8126. width: 100%;
  8127. text-align: center;
  8128. border-radius: 2px;
  8129. -webkit-transform: translateY(100%);
  8130. -ms-transform: translateY(100%);
  8131. transform: translateY(100%);
  8132. -webkit-transition: -webkit-transform 300ms;
  8133. transition: transform 300ms;
  8134. }
  8135. .am-modal-actions.am-modal-active {
  8136. -webkit-transform: translateY(0);
  8137. -ms-transform: translateY(0);
  8138. transform: translateY(0);
  8139. }
  8140. .am-modal-actions.am-modal-out {
  8141. z-index: 1109;
  8142. -webkit-transform: translateY(100%);
  8143. -ms-transform: translateY(100%);
  8144. transform: translateY(100%);
  8145. }
  8146. .am-modal-actions-group {
  8147. margin: 10px;
  8148. }
  8149. .am-modal-actions-group .am-list {
  8150. margin: 0;
  8151. border-radius: 2px;
  8152. }
  8153. .am-modal-actions-group .am-list > li {
  8154. margin-bottom: 0;
  8155. border-bottom: none;
  8156. display: block;
  8157. word-wrap: normal;
  8158. /* for IE */
  8159. text-overflow: ellipsis;
  8160. white-space: nowrap;
  8161. overflow: hidden;
  8162. -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015);
  8163. box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015);
  8164. }
  8165. .am-modal-actions-group .am-list > li > a {
  8166. padding: 1rem;
  8167. display: block;
  8168. word-wrap: normal;
  8169. /* for IE */
  8170. text-overflow: ellipsis;
  8171. white-space: nowrap;
  8172. overflow: hidden;
  8173. }
  8174. .am-modal-actions-group .am-list > li:first-child {
  8175. border-top: none;
  8176. border-top-right-radius: 2px;
  8177. border-top-left-radius: 2px;
  8178. }
  8179. .am-modal-actions-group .am-list > li:last-child {
  8180. border-bottom: none;
  8181. border-bottom-right-radius: 2px;
  8182. border-bottom-left-radius: 2px;
  8183. }
  8184. .am-modal-actions-header {
  8185. padding: 1rem;
  8186. color: #999999;
  8187. font-size: 1.4rem;
  8188. }
  8189. .am-modal-actions-danger {
  8190. color: #dd514c;
  8191. }
  8192. .am-modal-actions-danger a {
  8193. color: inherit;
  8194. }
  8195. .am-popup {
  8196. position: fixed;
  8197. left: 0;
  8198. top: 0;
  8199. width: 100%;
  8200. height: 100%;
  8201. z-index: 1110;
  8202. background: #fff;
  8203. display: none;
  8204. overflow: hidden;
  8205. -webkit-transition-property: -webkit-transform;
  8206. transition-property: transform;
  8207. -webkit-transform: translateY(100%);
  8208. -ms-transform: translateY(100%);
  8209. transform: translateY(100%);
  8210. }
  8211. .am-popup.am-modal-active,
  8212. .am-popup.am-modal-out {
  8213. -webkit-transition-duration: 300ms;
  8214. transition-duration: 300ms;
  8215. }
  8216. .am-popup.am-modal-active {
  8217. -webkit-transform: translateY(0);
  8218. -ms-transform: translateY(0);
  8219. transform: translateY(0);
  8220. }
  8221. .am-popup.am-modal-out {
  8222. -webkit-transform: translateY(100%);
  8223. -ms-transform: translateY(100%);
  8224. transform: translateY(100%);
  8225. }
  8226. @media all and (min-width: 630px) and (min-height: 630px) {
  8227. .am-popup {
  8228. width: 630px;
  8229. height: 630px;
  8230. left: 50%;
  8231. top: 50%;
  8232. margin-left: -315px;
  8233. margin-top: -315px;
  8234. -webkit-transform: translateY(1024px);
  8235. -ms-transform: translateY(1024px);
  8236. transform: translateY(1024px);
  8237. }
  8238. .am-popup.am-modal-active {
  8239. -webkit-transform: translateY(0);
  8240. -ms-transform: translateY(0);
  8241. transform: translateY(0);
  8242. }
  8243. .am-popup.am-modal-out {
  8244. -webkit-transform: translateY(1024px);
  8245. -ms-transform: translateY(1024px);
  8246. transform: translateY(1024px);
  8247. }
  8248. }
  8249. .am-popup-inner {
  8250. padding-top: 44px;
  8251. height: 100%;
  8252. overflow: auto;
  8253. -webkit-overflow-scrolling: touch;
  8254. }
  8255. .am-popup-hd {
  8256. position: fixed;
  8257. top: 0;
  8258. width: 100%;
  8259. height: 43px;
  8260. border-bottom: 1px solid #dedede;
  8261. background-color: #fff;
  8262. }
  8263. .am-popup-hd .am-popup-title {
  8264. font-size: 1.8rem;
  8265. font-weight: bold;
  8266. line-height: 43px;
  8267. text-align: center;
  8268. margin: 0 30px;
  8269. color: #333333;
  8270. display: block;
  8271. word-wrap: normal;
  8272. /* for IE */
  8273. text-overflow: ellipsis;
  8274. white-space: nowrap;
  8275. overflow: hidden;
  8276. }
  8277. .am-popup-hd .am-close {
  8278. position: absolute;
  8279. right: 10px;
  8280. top: 8px;
  8281. cursor: pointer;
  8282. -webkit-transition: all 0.3s;
  8283. transition: all 0.3s;
  8284. color: #999999;
  8285. }
  8286. .am-popup-hd .am-close:hover {
  8287. -webkit-transform: rotate(360deg);
  8288. -ms-transform: rotate(360deg);
  8289. transform: rotate(360deg);
  8290. color: #555555;
  8291. }
  8292. .am-popup-bd {
  8293. padding: 15px;
  8294. background: #f8f8f8;
  8295. color: #555555;
  8296. }
  8297. /* ==========================================================================
  8298. Component: OffCanvas Plugin
  8299. ============================================================================ */
  8300. /* Off-canvas overlay and bar container */
  8301. .am-offcanvas {
  8302. display: none;
  8303. position: fixed;
  8304. top: 0;
  8305. right: 0;
  8306. bottom: 0;
  8307. left: 0;
  8308. z-index: 1090;
  8309. background: rgba(0, 0, 0, 0.15);
  8310. }
  8311. .am-offcanvas.am-active {
  8312. display: block;
  8313. }
  8314. /**
  8315. * .@{ns}offcanvas-page
  8316. *
  8317. * Prepares the whole HTML page to slide-out
  8318. * 1. Fix the main page and disallow scrolling
  8319. * 2. Side-out transition
  8320. */
  8321. .am-offcanvas-page {
  8322. position: fixed;
  8323. /* 1 */
  8324. -webkit-transition: margin-left 0.3s ease-in-out;
  8325. transition: margin-left 0.3s ease-in-out
  8326. /* 2 */
  8327. }
  8328. /* Sub-object .@{ns}offcanvas-bar */
  8329. .am-offcanvas-bar {
  8330. position: fixed;
  8331. top: 0;
  8332. bottom: 0;
  8333. left: 0;
  8334. z-index: 1091;
  8335. width: 270px;
  8336. max-width: 100%;
  8337. background: #333333;
  8338. overflow-y: auto;
  8339. /* scrollable */
  8340. -webkit-overflow-scrolling: touch;
  8341. /* scrollable */
  8342. -webkit-transition: -webkit-transform 0.3s ease-in-out;
  8343. transition: transform 0.3s ease-in-out;
  8344. -webkit-transform: translateX(-100%);
  8345. -ms-transform: translateX(-100%);
  8346. transform: translateX(-100%);
  8347. }
  8348. .am-offcanvas-bar:after {
  8349. content: "";
  8350. display: block;
  8351. position: absolute;
  8352. top: 0;
  8353. bottom: 0;
  8354. right: 0;
  8355. width: 1px;
  8356. background: #262626;
  8357. }
  8358. .am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active {
  8359. -webkit-transform: translateX(0);
  8360. -ms-transform: translateX(0);
  8361. transform: translateX(0);
  8362. }
  8363. /* .@{ns}offcanvas-bar-flip */
  8364. .am-offcanvas-bar-flip {
  8365. left: auto;
  8366. right: 0;
  8367. -webkit-transform: translateX(100%);
  8368. -ms-transform: translateX(100%);
  8369. transform: translateX(100%);
  8370. }
  8371. .am-offcanvas-bar-flip:after {
  8372. right: auto;
  8373. left: 0;
  8374. }
  8375. .am-offcanvas-content {
  8376. padding: 15px;
  8377. color: #999;
  8378. }
  8379. .am-offcanvas-content a {
  8380. color: #ccc;
  8381. }
  8382. /* ==========================================================================
  8383. Component: Popover Plugin
  8384. ============================================================================ */
  8385. .am-popover {
  8386. position: absolute;
  8387. top: 0;
  8388. left: 0;
  8389. margin: 0;
  8390. border-radius: 2px;
  8391. background: #333333;
  8392. color: #ffffff;
  8393. border: 1px solid #333333;
  8394. display: none;
  8395. font-size: 1.6rem;
  8396. z-index: 1030;
  8397. opacity: 0;
  8398. -webkit-transition: opacity 300ms;
  8399. transition: opacity 300ms;
  8400. }
  8401. .am-popover.am-active {
  8402. display: block !important;
  8403. opacity: 1;
  8404. }
  8405. .am-popover-inner {
  8406. position: relative;
  8407. background: #333333;
  8408. padding: 8px;
  8409. z-index: 110;
  8410. overflow: auto;
  8411. -webkit-overflow-scrolling: touch;
  8412. }
  8413. .am-popover-caret {
  8414. position: absolute;
  8415. left: 5px;
  8416. top: 0;
  8417. z-index: 100;
  8418. display: inline-block;
  8419. width: 0;
  8420. height: 0;
  8421. vertical-align: middle;
  8422. border-bottom: 8px solid #333333;
  8423. border-right: 8px solid transparent;
  8424. border-left: 8px solid transparent;
  8425. border-top: 0 dotted;
  8426. -webkit-transform: rotate(360deg);
  8427. -ms-transform: rotate(360deg);
  8428. transform: rotate(360deg);
  8429. overflow: hidden;
  8430. }
  8431. .am-popover-top .am-popover-caret {
  8432. top: auto;
  8433. bottom: -8px;
  8434. -webkit-transform: rotate(180deg);
  8435. -ms-transform: rotate(180deg);
  8436. transform: rotate(180deg);
  8437. }
  8438. .am-popover-bottom .am-popover-caret {
  8439. top: -8px;
  8440. }
  8441. .am-popover-left .am-popover-caret {
  8442. top: auto;
  8443. left: auto;
  8444. right: -12px;
  8445. -webkit-transform: rotate(90deg);
  8446. -ms-transform: rotate(90deg);
  8447. transform: rotate(90deg);
  8448. }
  8449. .am-popover-right .am-popover-caret {
  8450. right: auto;
  8451. left: -12px;
  8452. -webkit-transform: rotate(-90deg);
  8453. -ms-transform: rotate(-90deg);
  8454. transform: rotate(-90deg);
  8455. }
  8456. .am-popover-sm {
  8457. font-size: 1.4rem;
  8458. }
  8459. .am-popover-sm .am-popover-inner {
  8460. padding: 5px;
  8461. }
  8462. .am-popover-lg {
  8463. font-size: 1.8rem;
  8464. }
  8465. .am-popover-secondary {
  8466. border-color: #0e90d2;
  8467. }
  8468. .am-popover-secondary .am-popover-inner {
  8469. background: #0e90d2;
  8470. }
  8471. .am-popover-secondary .am-popover-caret {
  8472. border-bottom-color: #0e90d2;
  8473. }
  8474. .am-popover-secondary {
  8475. border-color: #3bb4f2;
  8476. }
  8477. .am-popover-secondary .am-popover-inner {
  8478. background: #3bb4f2;
  8479. }
  8480. .am-popover-secondary .am-popover-caret {
  8481. border-bottom-color: #3bb4f2;
  8482. }
  8483. .am-popover-success {
  8484. border-color: #5eb95e;
  8485. }
  8486. .am-popover-success .am-popover-inner {
  8487. background: #5eb95e;
  8488. }
  8489. .am-popover-success .am-popover-caret {
  8490. border-bottom-color: #5eb95e;
  8491. }
  8492. .am-popover-warning {
  8493. border-color: #f37b1d;
  8494. }
  8495. .am-popover-warning .am-popover-inner {
  8496. background: #f37b1d;
  8497. }
  8498. .am-popover-warning .am-popover-caret {
  8499. border-bottom-color: #f37b1d;
  8500. }
  8501. .am-popover-danger {
  8502. border-color: #dd514c;
  8503. }
  8504. .am-popover-danger .am-popover-inner {
  8505. background: #dd514c;
  8506. }
  8507. .am-popover-danger .am-popover-caret {
  8508. border-bottom-color: #dd514c;
  8509. }
  8510. /* ==========================================================================
  8511. Component: Progress Plugin
  8512. ============================================================================ */
  8513. #nprogress {
  8514. /* Make clicks pass-through */
  8515. pointer-events: none
  8516. /* Fancy blur effect */
  8517. }
  8518. #nprogress .nprogress-bar {
  8519. position: fixed;
  8520. top: 0;
  8521. left: 0;
  8522. z-index: 2000;
  8523. width: 100%;
  8524. height: 2px;
  8525. background: #5eb95e;
  8526. }
  8527. #nprogress .nprogress-peg {
  8528. display: block;
  8529. position: absolute;
  8530. right: 0;
  8531. width: 100px;
  8532. height: 100%;
  8533. -webkit-box-shadow: 0 0 10px #5eb95e, 0 0 5px #5eb95e;
  8534. box-shadow: 0 0 10px #5eb95e, 0 0 5px #5eb95e;
  8535. opacity: 1;
  8536. -webkit-transform: rotate(3deg) translate(0px, -4px);
  8537. -ms-transform: rotate(3deg) translate(0px, -4px);
  8538. transform: rotate(3deg) translate(0px, -4px);
  8539. }
  8540. #nprogress .nprogress-spinner {
  8541. position: fixed;
  8542. top: 15px;
  8543. right: 15px;
  8544. z-index: 2000;
  8545. display: block;
  8546. }
  8547. #nprogress .nprogress-spinner-icon {
  8548. width: 18px;
  8549. height: 18px;
  8550. -webkit-box-sizing: border-box;
  8551. box-sizing: border-box;
  8552. border: solid 2px transparent;
  8553. border-top-color: #5eb95e;
  8554. border-left-color: #5eb95e;
  8555. border-radius: 50%;
  8556. -webkit-animation: nprogress-spinner 400ms linear infinite;
  8557. animation: nprogress-spinner 400ms linear infinite;
  8558. }
  8559. @-webkit-keyframes nprogress-spinner {
  8560. 0% {
  8561. -webkit-transform: rotate(0deg);
  8562. transform: rotate(0deg);
  8563. }
  8564. 100% {
  8565. -webkit-transform: rotate(360deg);
  8566. transform: rotate(360deg);
  8567. }
  8568. }
  8569. @keyframes nprogress-spinner {
  8570. 0% {
  8571. -webkit-transform: rotate(0deg);
  8572. transform: rotate(0deg);
  8573. }
  8574. 100% {
  8575. -webkit-transform: rotate(360deg);
  8576. transform: rotate(360deg);
  8577. }
  8578. }
  8579. /* ==========================================================================
  8580. Component: Tabs Plugin
  8581. ============================================================================ */
  8582. .am-tabs-bd {
  8583. position: relative;
  8584. overflow: hidden;
  8585. border: 1px solid #ddd;
  8586. border-top: none;
  8587. z-index: 100;
  8588. -webkit-transition: height .3s;
  8589. transition: height .3s;
  8590. }
  8591. .am-tabs-bd .am-tab-panel {
  8592. position: absolute;
  8593. top: 0;
  8594. z-index: 99;
  8595. float: left;
  8596. width: 100%;
  8597. padding: 10px 10px 15px;
  8598. visibility: hidden;
  8599. -webkit-transition: -webkit-transform 0.3s;
  8600. transition: transform 0.3s;
  8601. -webkit-transform: translateX(-100%);
  8602. -ms-transform: translateX(-100%);
  8603. transform: translateX(-100%);
  8604. }
  8605. .am-tabs-bd .am-tab-panel * {
  8606. -webkit-user-drag: none;
  8607. }
  8608. .am-tabs-bd .am-tab-panel.am-active {
  8609. position: relative;
  8610. z-index: 100;
  8611. visibility: visible;
  8612. -webkit-transform: translateX(0);
  8613. -ms-transform: translateX(0);
  8614. transform: translateX(0);
  8615. }
  8616. .am-tabs-bd .am-tab-panel.am-active ~ .am-tab-panel {
  8617. -webkit-transform: translateX(100%);
  8618. -ms-transform: translateX(100%);
  8619. transform: translateX(100%);
  8620. }
  8621. /* ==========================================================================
  8622. Component: Share Plugin
  8623. ============================================================================ */
  8624. .am-share {
  8625. font-size: 14px;
  8626. }
  8627. .am-share-title {
  8628. padding: 10px 0 0;
  8629. margin: 0 10px;
  8630. font-weight: normal;
  8631. text-align: center;
  8632. color: #555555;
  8633. background-color: #f8f8f8;
  8634. border-bottom: 1px solid #fff;
  8635. border-top-right-radius: 2px;
  8636. border-top-left-radius: 2px;
  8637. }
  8638. .am-share-title:after {
  8639. content: "";
  8640. display: block;
  8641. width: 100%;
  8642. height: 0;
  8643. margin-top: 10px;
  8644. border-bottom: 1px solid #dfdfdf;
  8645. }
  8646. .am-share-sns {
  8647. margin: 0 10px;
  8648. padding-top: 15px;
  8649. background-color: #f8f8f8;
  8650. border-bottom-right-radius: 2px;
  8651. border-bottom-left-radius: 2px;
  8652. }
  8653. .am-share-sns li {
  8654. margin-bottom: 15px;
  8655. }
  8656. .am-share-sns a {
  8657. display: block;
  8658. color: #555555;
  8659. }
  8660. .am-share-sns span {
  8661. display: block;
  8662. }
  8663. .am-share-sns [class*='am-icon'] {
  8664. background-color: #3bb4f2;
  8665. border-radius: 50%;
  8666. width: 36px;
  8667. height: 36px;
  8668. line-height: 36px;
  8669. color: #fff;
  8670. margin-bottom: 5px;
  8671. font-size: 18px;
  8672. }
  8673. .am-share-sns .am-icon-weibo {
  8674. background-color: #ea1328;
  8675. }
  8676. .am-share-sns .am-icon-qq {
  8677. background-color: #009cda;
  8678. }
  8679. .am-share-sns .am-icon-star {
  8680. background-color: #ffc028;
  8681. }
  8682. .am-share-sns .am-icon-tencent-weibo {
  8683. background-color: #23ccfe;
  8684. }
  8685. .am-share-sns .am-icon-wechat,
  8686. .am-share-sns .am-icon-weixin {
  8687. background-color: #44b549;
  8688. }
  8689. .am-share-sns .am-icon-renren {
  8690. background-color: #105ba3;
  8691. }
  8692. .am-share-sns .am-icon-comment {
  8693. background-color: #5eb95e;
  8694. }
  8695. .am-share-footer {
  8696. margin: 10px;
  8697. }
  8698. .am-share-footer .am-btn {
  8699. color: #555555;
  8700. }
  8701. .am-share-wechat-qr {
  8702. font-size: 14px;
  8703. color: #777;
  8704. }
  8705. .am-share-wechat-qr .am-modal-dialog {
  8706. background-color: #fff;
  8707. border: 1px solid #dedede;
  8708. }
  8709. .am-share-wechat-qr .am-modal-hd {
  8710. padding-top: 10px;
  8711. text-align: left;
  8712. margin-bottom: 10px;
  8713. }
  8714. .am-share-wechat-qr .am-share-wx-qr {
  8715. margin-bottom: 10px;
  8716. }
  8717. .am-share-wechat-qr .am-share-wechat-tip {
  8718. text-align: left;
  8719. }
  8720. .am-share-wechat-qr .am-share-wechat-tip em {
  8721. color: #dd514c;
  8722. font-weight: bold;
  8723. font-style: normal;
  8724. margin-left: 3px;
  8725. margin-right: 3px;
  8726. }
  8727. /* ==========================================================================
  8728. Component: PureView Plugin
  8729. ============================================================================ */
  8730. .am-pureview {
  8731. position: fixed;
  8732. left: 0;
  8733. top: 0;
  8734. bottom: 0;
  8735. right: 0;
  8736. z-index: 1120;
  8737. width: 100%;
  8738. height: 100%;
  8739. background: rgba(0, 0, 0, 0.95);
  8740. display: none;
  8741. overflow: hidden;
  8742. -webkit-transition: -webkit-transform .3s;
  8743. transition: transform .3s;
  8744. -webkit-transform: translate(0, 100%);
  8745. -ms-transform: translate(0, 100%);
  8746. transform: translate(0, 100%);
  8747. }
  8748. .am-pureview.am-active {
  8749. -webkit-transform: translate(0, 0);
  8750. -ms-transform: translate(0, 0);
  8751. transform: translate(0, 0);
  8752. }
  8753. .am-pureview ul,
  8754. .am-pureview ol {
  8755. list-style: none;
  8756. padding: 0;
  8757. margin: 0;
  8758. width: 100%;
  8759. }
  8760. .am-pureview-slider {
  8761. overflow: hidden;
  8762. height: 100%;
  8763. }
  8764. .am-pureview-slider li {
  8765. position: absolute;
  8766. width: 100%;
  8767. height: 100%;
  8768. top: 0;
  8769. display: -webkit-box;
  8770. display: -webkit-flex;
  8771. display: -ms-flexbox;
  8772. display: flex;
  8773. -webkit-box-pack: center;
  8774. -webkit-justify-content: center;
  8775. -ms-flex-pack: center;
  8776. justify-content: center;
  8777. -webkit-box-align: center;
  8778. -webkit-align-items: center;
  8779. -ms-flex-align: center;
  8780. align-items: center;
  8781. vertical-align: middle;
  8782. -webkit-transition: all .3s linear;
  8783. transition: all .3s linear;
  8784. z-index: 100;
  8785. visibility: hidden;
  8786. }
  8787. .am-pureview-slider li.am-pureview-slide-prev {
  8788. -webkit-transform: translate(-100%, 0);
  8789. -ms-transform: translate(-100%, 0);
  8790. transform: translate(-100%, 0);
  8791. z-index: 109;
  8792. }
  8793. .am-pureview-slider li.am-pureview-slide-next {
  8794. -webkit-transform: translate(100%, 0);
  8795. -ms-transform: translate(100%, 0);
  8796. transform: translate(100%, 0);
  8797. z-index: 109;
  8798. }
  8799. .am-pureview-slider li.am-active {
  8800. position: relative;
  8801. z-index: 110;
  8802. -webkit-transform: translate(0, 0);
  8803. -ms-transform: translate(0, 0);
  8804. transform: translate(0, 0);
  8805. visibility: visible;
  8806. }
  8807. .am-pureview-slider .pinch-zoom-container {
  8808. width: 100%;
  8809. z-index: 1121;
  8810. }
  8811. .am-pureview-slider .am-pinch-zoom {
  8812. position: relative;
  8813. width: 100%;
  8814. display: -webkit-box;
  8815. display: -webkit-flex;
  8816. display: -ms-flexbox;
  8817. display: flex;
  8818. -webkit-box-pack: center;
  8819. -webkit-justify-content: center;
  8820. -ms-flex-pack: center;
  8821. justify-content: center;
  8822. -webkit-box-align: center;
  8823. -webkit-align-items: center;
  8824. -ms-flex-align: center;
  8825. align-items: center;
  8826. }
  8827. .am-pureview-slider .am-pinch-zoom:after {
  8828. display: inline-block;
  8829. font-family: "FontAwesome", sans-serif;
  8830. font-weight: normal;
  8831. font-style: normal;
  8832. vertical-align: baseline;
  8833. line-height: 1;
  8834. -webkit-font-smoothing: antialiased;
  8835. -moz-osx-font-smoothing: grayscale;
  8836. content: "\f110";
  8837. -webkit-animation: icon-spin 2s infinite linear;
  8838. animation: icon-spin 2s infinite linear;
  8839. font-size: 24px;
  8840. line-height: 24px;
  8841. color: #eee;
  8842. position: absolute;
  8843. top: 50%;
  8844. left: 50%;
  8845. margin-left: -12px;
  8846. margin-top: -12px;
  8847. z-index: 1;
  8848. }
  8849. .am-pureview-slider img {
  8850. position: relative;
  8851. display: block;
  8852. max-width: 100%;
  8853. max-height: 100%;
  8854. opacity: 0;
  8855. z-index: 200;
  8856. -webkit-user-drag: none;
  8857. -webkit-transition: opacity 0.2s ease-in;
  8858. transition: opacity 0.2s ease-in;
  8859. }
  8860. .am-pureview-slider img.am-img-loaded {
  8861. opacity: 1;
  8862. }
  8863. .am-pureview-direction {
  8864. position: absolute;
  8865. top: 50%;
  8866. width: 100%;
  8867. margin-top: -18px !important;
  8868. z-index: 1122;
  8869. }
  8870. .am-touch .am-pureview-direction,
  8871. .am-pureview-only .am-pureview-direction {
  8872. display: none;
  8873. }
  8874. .am-pureview-direction li {
  8875. position: absolute;
  8876. width: 36px;
  8877. height: 36px;
  8878. }
  8879. .am-pureview-direction a {
  8880. display: block;
  8881. height: 36px;
  8882. border: none;
  8883. color: #ccc;
  8884. opacity: 0.5;
  8885. cursor: pointer;
  8886. text-align: center;
  8887. z-index: 1125;
  8888. }
  8889. .am-pureview-direction a:before {
  8890. content: "\f137";
  8891. line-height: 36px;
  8892. font-size: 24px;
  8893. }
  8894. .am-pureview-direction a:hover {
  8895. opacity: 1;
  8896. }
  8897. .am-pureview-direction .am-pureview-prev {
  8898. left: 15px;
  8899. }
  8900. .am-pureview-direction .am-pureview-next {
  8901. right: 15px;
  8902. }
  8903. .am-pureview-direction .am-pureview-next a:before {
  8904. content: "\f138";
  8905. }
  8906. .am-pureview-bar {
  8907. position: absolute;
  8908. bottom: 0;
  8909. height: 45px;
  8910. width: 100%;
  8911. background-color: rgba(0, 0, 0, 0.35);
  8912. color: #eeeeee;
  8913. line-height: 45px;
  8914. padding: 0 10px;
  8915. font-size: 14px;
  8916. display: -webkit-box;
  8917. display: -webkit-flex;
  8918. display: -ms-flexbox;
  8919. display: flex;
  8920. }
  8921. .am-pureview-bar .am-pureview-title {
  8922. display: block;
  8923. word-wrap: normal;
  8924. /* for IE */
  8925. text-overflow: ellipsis;
  8926. white-space: nowrap;
  8927. overflow: hidden;
  8928. margin-left: 6px;
  8929. -webkit-box-flex: 1;
  8930. -webkit-flex: 1;
  8931. -ms-flex: 1;
  8932. flex: 1;
  8933. }
  8934. .am-pureview-bar .am-pureview-total {
  8935. font-size: 10px;
  8936. line-height: 48px;
  8937. }
  8938. .am-pureview-actions {
  8939. position: absolute;
  8940. z-index: 1130;
  8941. left: 0;
  8942. right: 0;
  8943. top: 0;
  8944. height: 45px;
  8945. background-color: rgba(0, 0, 0, 0.35);
  8946. }
  8947. .am-pureview-actions a {
  8948. position: absolute;
  8949. left: 10px;
  8950. color: #ccc;
  8951. display: block;
  8952. width: 45px;
  8953. line-height: 45px;
  8954. text-align: left;
  8955. font-size: 16px;
  8956. }
  8957. .am-pureview-actions a:hover {
  8958. color: #ffffff;
  8959. }
  8960. .am-pureview-actions [data-am-toggle="share"] {
  8961. left: auto;
  8962. right: 10px;
  8963. }
  8964. .am-pureview-bar,
  8965. .am-pureview-actions {
  8966. opacity: 0;
  8967. -webkit-transition: all .15s;
  8968. transition: all .15s;
  8969. z-index: 1130;
  8970. }
  8971. .am-pureview-bar-active .am-pureview-bar,
  8972. .am-pureview-bar-active .am-pureview-actions {
  8973. opacity: 1;
  8974. }
  8975. .am-pureview-nav {
  8976. position: absolute;
  8977. bottom: 15px;
  8978. left: 0;
  8979. right: 0;
  8980. text-align: center;
  8981. z-index: 1131;
  8982. }
  8983. .am-pureview-bar-active .am-pureview-nav {
  8984. display: none;
  8985. }
  8986. .am-pureview-nav li {
  8987. display: inline-block;
  8988. background: #ccc;
  8989. background: rgba(255, 255, 255, 0.5);
  8990. width: 8px;
  8991. height: 8px;
  8992. margin: 0 3px;
  8993. border-radius: 50%;
  8994. text-indent: -9999px;
  8995. overflow: hidden;
  8996. cursor: pointer;
  8997. }
  8998. .am-pureview-nav .am-active {
  8999. background: #fff;
  9000. background: rgba(255, 255, 255, 0.9);
  9001. }
  9002. [data-am-pureview] img {
  9003. cursor: pointer;
  9004. }
  9005. .am-pureview-active {
  9006. overflow: hidden;
  9007. }
  9008. /* ==========================================================================
  9009. Component: AddToHomeScreen Plugin
  9010. ============================================================================ */
  9011. .ath-viewport * {
  9012. -webkit-box-sizing: border-box;
  9013. box-sizing: border-box;
  9014. }
  9015. .ath-viewport {
  9016. position: relative;
  9017. z-index: 2147483641;
  9018. pointer-events: none;
  9019. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  9020. -webkit-touch-callout: none;
  9021. -webkit-user-select: none;
  9022. -moz-user-select: none;
  9023. -ms-user-select: none;
  9024. user-select: none;
  9025. -webkit-text-size-adjust: none;
  9026. -ms-text-size-adjust: none;
  9027. text-size-adjust: none;
  9028. }
  9029. .ath-modal {
  9030. pointer-events: auto !important;
  9031. background: rgba(0, 0, 0, 0.6);
  9032. }
  9033. .ath-mandatory {
  9034. background: #000;
  9035. }
  9036. .ath-container {
  9037. pointer-events: auto !important;
  9038. position: absolute;
  9039. z-index: 2147483641;
  9040. padding: 0.7em 0.6em;
  9041. width: 18em;
  9042. background: #eee;
  9043. -webkit-background-size: 100% auto;
  9044. background-size: 100% auto;
  9045. -webkit-box-shadow: 0 0.2em 0 #d1d1d1;
  9046. box-shadow: 0 0.2em 0 #d1d1d1;
  9047. font-family: sans-serif;
  9048. font-size: 15px;
  9049. line-height: 1.5em;
  9050. text-align: center;
  9051. }
  9052. .ath-ios.ath-phone {
  9053. bottom: 1.8em;
  9054. left: 50%;
  9055. margin-left: -9em;
  9056. }
  9057. .ath-ios6.ath-tablet {
  9058. left: 5em;
  9059. top: 1.8em;
  9060. }
  9061. .ath-ios7.ath-tablet {
  9062. left: 0.7em;
  9063. top: 1.8em;
  9064. }
  9065. .ath-ios8.ath-tablet {
  9066. right: 0.4em;
  9067. top: 1.8em;
  9068. }
  9069. .ath-android {
  9070. right: 1.5em;
  9071. top: 1.8em;
  9072. }
  9073. /* close icon */
  9074. .ath-container:before {
  9075. content: '';
  9076. position: relative;
  9077. display: block;
  9078. float: right;
  9079. margin: -0.7em -0.6em 0 0.5em;
  9080. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
  9081. background-color: rgba(255, 255, 255, 0.8);
  9082. -webkit-background-size: 50% 50%;
  9083. background-size: 50%;
  9084. background-repeat: no-repeat;
  9085. background-position: 50%;
  9086. width: 2.7em;
  9087. height: 2.7em;
  9088. text-align: center;
  9089. overflow: hidden;
  9090. color: #a33;
  9091. z-index: 2147483642;
  9092. }
  9093. .ath-container.ath-icon:before {
  9094. position: absolute;
  9095. top: 0;
  9096. right: 0;
  9097. margin: 0;
  9098. float: none;
  9099. }
  9100. .ath-mandatory .ath-container:before {
  9101. display: none;
  9102. }
  9103. .ath-container.ath-android:before {
  9104. float: left;
  9105. margin: -0.7em 0.5em 0 -0.6em;
  9106. }
  9107. .ath-container.ath-android.ath-icon:before {
  9108. position: absolute;
  9109. right: auto;
  9110. left: 0;
  9111. margin: 0;
  9112. float: none;
  9113. }
  9114. /* applied only if the application icon is shown */
  9115. .ath-action-icon {
  9116. display: inline-block;
  9117. vertical-align: middle;
  9118. background-position: 50%;
  9119. background-repeat: no-repeat;
  9120. text-indent: -9999em;
  9121. overflow: hidden;
  9122. }
  9123. .ath-android .ath-action-icon {
  9124. width: 1.2em;
  9125. height: 1.8em;
  9126. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAADcBAMAAAAig/QJAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAFtDAABbQwH5xg68AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAB5QTFRFAAAA////cXFxaWlp////ZmZmnJycoaGhpqam////1D9b6wAAAAV0Uk5TAAgJERExZxYzAAAAYklEQVRYw+3WoQ2AUBAE0SsBOiBUQEIDCArA4FFoHBaJxNItFYz/x5+xz282VmwJTdM0rRzbsS1e7Pm9zdgUVn491rkFmqZpSezEjqo/Sos1HoAEjdjgFmiapiWxG7tq/igfnYteFlnOWZEAAAAASUVORK5CYII=);
  9127. -webkit-background-size: auto 100%;
  9128. background-size: auto 100%;
  9129. }
  9130. .ath-ios7 .ath-action-icon,
  9131. .ath-ios8 .ath-action-icon {
  9132. width: 1.6em;
  9133. height: 1.6em;
  9134. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAABa5AAAWuQBuyxkRwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAZoSURBVHja7d1ZbFRlGIfxzxVwl809goLgghrRoEaNSzQagrsRt8QYgzEG443SOQNSA0QTXHALcY2KMe7EuCB6YbxwiUtwA0VwQRSxqMimUNt5vOg5OEPL9Ew705m2zz95L5rOvOfr+8s3nZ6TOQ2hNyXiyhDxQpjADr3q5+4VyTIhRORCBCHijTCRPg6lZ+3c5hg3qZfdyT0D9/IQ0bQFblIvhnq2d0jdF3d8Edyknhe5O6aOs0PExnZwk3ooBLZxaN0lWcaFiE0pcVsqy+Ohnm0dXq0nYmzJuP8jPypyLSfDySFifYdwk8ow00HWYiZzeojY0Cnc/2uWA60t3FPLiJvU3Q62FpLl2BCxusy4SU1xwNVMhjEhYk2FcJOqd9DVSB3HhYi/KozrTq4S7ui0L8v9ppYJOUPk4LsiUxgVIlalQRl5D4x+oPhjrniuJOQ6ASqZiCNCREMajIPuhOV/wfGziz/uuz9gwtySdvPNQlQiGQ4LGX5LgzB0JixbDdA+8Pd/QnMOrnw+NXAuRNwgSDkzmUNDxMo0AENmwo8xLsCY2Zsv8m8VGKCpGS5/rgTkDNcLUx7cg0PE8jSD3/cOWPI7+fnj6PuLnwBZ1MCnyYObmmH8syUhXydQ53CHhoif0uIuXlWA+ydwzJH3sa7Y825/l7OAd5InNTbBeXNSIzeHDFcJ1ZHUMSRELEsz6L1vh28KcdcCJ4QQQnvAk+ZzCrAz8G7y5E1NMO6p1MhNIcsVgpWSLPuFiCVpBjxwOnyxshXuiUmrNMAhhADsBnyYjzz2yZKQLxMuTW5h3xDxbZrBDpgOn60owF0HnJTfLi1wjLw78FHS7O9GOOOxkpAvFbBYIvYJEYvTDLT/NFhQiLseOHnLlqUAx8h7AB8nTTc0wmmPpkZuDBnOFbKt3MzeIeLrNIPccxp8+ksB7j/AmW21LRU4D/mTfORTH0mNvClkGSdofjIMCBGfpxngrrfB+8ta4Z61tdYdAY6RBwFfbn552ASnPFwCcsRYYUMIoZ7+IWJBmsHtUg/vFeJuBM4u1r6jwDHyYOCr5GBrNsKY2amR/w6TOV3giKlpBtbnVnjz2wLcRuD89tp3BjgPeWFy0FUbYNS9qZEXhkvYrrfv4G1Dlsfbu+T39tJWuBemad9Z4Bh5L2BRcvDV/8DoB9vFXRKyHOAODiEsX06/8c+2fcaq760wv3Dn/gtcnLZ3OYBj5P2BpWl28oh7aHpmQdtv+npdgL7A/FwOJr7a+mV53uJWuJeU0r9cwPFaDwC+SxbTsB4On1XY7/BZsHJdy7eBIwSGqcnAcjm46bWWQe0wBeYuLMDNARNK7V9O4Hi9w4HNf6T9th4Oi5FH3dvydV4WQS//HQz0A97KR574Kjz9WcGgmoGrO9K/3MDxmg8EfkgWt2w1nPMErFhbsOZVwNG9fgfHA+sDvELbaQau6WjvSgDHax6Wv5O3yK/AocoWDmxHYO4Wg8oB13amb6WA4zUf0gbyL8BIRbeO/FIe7o2d7VlJ4HjNI4DkrPjPwAgliw9sO+Bp4KZy9Ks0cLzmkfEFiuEKphtY2T7C2RXA5V6zqUFgI7AR2AhsBBZYYIGNwEZgI3DFk+X1blX1DK4acD2Du928uugmJuWrOoZUDbjlA3Hda14CCyywwF1XF8zhqGoBXzCHowSucE2aV/jx0K4EnjSPkwQWWGCBawS4/7SW2yPUUi1tYFi1gJc2MKzW5tF/WieAB82gFlO1d9HAkFobxqAZAgsscC8FHjiDHHBRjdVOVQTeqdbmMXBG8Vs1FgUeMJ3m0M3T068mDZje6n8yCiywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAHc+KtXz88xrYWjWsKe3+0wLXWIAP2rlh61CBBRZYYIGrBXwMcFqR6iuwEdgIbAQ2AhuBBRZYYIEFNgIbgY3ARmCBBRZYYIGNwEZgI7AR2AgssMACG4GNwEZgI7ARWGCBBRZYYCOwEdgIbAQWWGCBBRbYCGwENgIbgY3AAgsssMACG4GNwEZgI7DAHQGup69Vu9UpYKsHlEMQ2BLYEtgS2BLYKrWG3wVWz62A6dERWGAjsKnZ/Af2wMWISv7RmgAAAABJRU5ErkJggg==);
  9135. margin-top: -0.3em;
  9136. -webkit-background-size: auto 100%;
  9137. background-size: auto 100%;
  9138. }
  9139. .ath-ios6 .ath-action-icon {
  9140. width: 1.8em;
  9141. height: 1.8em;
  9142. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAGaklEQVR42u3cfUxVZRwH8O8FRERRfNfKt4zM2UzNMszZFPMPW5KWzizJ0JJWitOU3mYs54ZuNRk6zblSaebUnKllSpopaRorJiqmtjRNK4sNEBR5+fbH45ELwrnn5Tnn3gPP7/cv9/7O/eyc5zyvAF6PrlgAFTrRHcQmtFIQekDEYXRRFA3GzP4gCOI39FcaDcQ7g24BEUUYrTz0gIhKvKZE9IAIIhNhSkUPiNiGaOWiB0Tko4eS0QMi/sQQZaMHRJRivNLRAyKqkKZ89IAIYg1aKCDq5l60U0D6WYDeCkg/r2KEAtLPG5iqgPSzBukKKFB+ikgFpJ+56KyA9PMcHjBXYYwjGRmyQMR/GGWmAqVnNV4N4TuIICowPXhA1ZgR0o+Y6Yk1uTyVeD7E26Da3GpsYk0iTwQ3kSS5nbLboAj0wnBMwGwsRhaysRO5yEMe8iJP2bjig+joIlALbhE86xguCWUgXkYmduMMbjrQVhLEWfRzCagldwmelfTZhOmM8ViGXJQ7hFI3iwK906SUieLXgifTFs9DeA/HUOMKjP87LdlhoFb8RvB8ZJHHhxHIxEWXYfzzY0Q4BtSG3wueDyzhxCAFvwSRJuA7zeYXx/CQ4LEy/3sPlqMkBHBEHkN36UBt+YPgWWgapzfWoiJkcERewECpQB2YR5I1nG/6PbUcN0IMR2QJxhkEWsi0gPkjSVYzxRROS6SjLCRxGplYa+QPq2goqjnTFM8wFIQwjpZZCJcDVMmppu6dTNf7OFbzEDoFAKrcx5yA+ZIJnh444hEckcfRUxcoXe5wMwH/eIqHIK7gUbeAklHlOR4xCElyA2iWR3mIGixyHijDoziMqRw8xflH7H2v8vTjKfIyhzoLNNurPM+xVHRksp0EesabbU84M1hDklVMo885oMdcmhGUnO25W9w7xUx0sh8Ui/Ne5InjCcFTwL4BetI2gbZ5kedZreXZwjYBx2K2gKZ7DydMa3mqRcvjJFAcrnmNJ5ZfiXunlBMNzgfZAPrSazx9eVzwnOB9hmcULQM96TWeCSwRPFv9Wx6ngMKQ3zRaHqeAXvQSTzttNfgaJ5leOLQE5EOhd3j6MF/wnGSchZVVS0Bj5f6ELhzKiZzLdC7nOm7nAebzPIvqZKHF7x7DfwXPNsZYWpu3BLTD/iptPFO4mnt5muWGVg0uW6ozj5UBWh4ngPpYHZxG8nGmcTPPsJpmwzxQK34mPlrGKTY2UFkAWmJ+y8wopnM/y/QEilnAQ9zJbGZxMedzBif559EF5mr24s/ie3/nIFtb8CwAnTV+md04hzm83hBIFQu5mUv5Op/mQMbK3YKXyGJR5Vt2NPqzZAH1N3aJrTmNu1lRn6WUOVzGJA5hlHN7FFNFy0N+yAjbu1xNA70duFOWwPXaeFmLIu7gmxxm5oKtAUVxvahYzhfMVZAFdES/GU7m6bo0Z7mMw2n7jLsxoB78SVQ9T9OHfeUARfluNv5QzeNFf5pCvssBbm4DHsm/ReXvaOGkhhyg+MbeU3N4pZamhGs53O190m/wprZ/0tKDLAdo7p3f4GMSL9Ti/MpZbO32RvIofiKqX2eS1QpSgMI+r//5+7mvFucgE+nQf9TQA7qbR0X9PzjUegUpQG1O1F04eau2j3OAw4JzFGGE9nDvYQc7FaQARRf7rwwc1nDOcbLtbeUWgVK0vtYK2jw5LwMo2nf7c8navVPORWY7fbKAorlRXMMNJtuvIAMoTusKLhXzc2QO74UrcSfQXdodfEnOwy0D6GGxY3qPNj+XBNeiPlCCNs+TY3y05ThQ7EiwK4+JCztjdJTsBFCaNtpaJe9AlgSgsVN6aQOJzWwLBAcokqu1lucVmRUkAC2eeElsKE+F66EBdWOuyXkeF4EYT7LCzZanPtBoXtXmeTrJriAD6AmW8SkgWEC3W541bCm/ggygRxiPIMWSB1cInAqTRyJcnw8KUrD7rXmewY5VaAJA++W3PE0JKMPUPE8MEpoXkLnBcBL+wqpmBWQiemIXCCqghiIcadoxvvYbFFD9GIDDtb9s3EkF5B9RyKj7jy0UkH+MvnNBXAFp0QEbGjoCqoC0mNPwL1NACshYhKUqIN2YvFEB6ca0LxSQAlJACkgBKSAFpICsADXdVEAKSAEpIAWkgBSQAlJACkgBKaDgA41hc8vUXHM3UPOLVQpIAbkH9D87oz0rvnJrOgAAAABJRU5ErkJggg==);
  9143. margin-bottom: 0.4em;
  9144. -webkit-background-size: 100% auto;
  9145. background-size: 100% auto;
  9146. }
  9147. .ath-container p {
  9148. margin: 0;
  9149. padding: 0;
  9150. position: relative;
  9151. z-index: 2147483642;
  9152. text-shadow: 0 0.1em 0 #fff;
  9153. font-size: 1.1em;
  9154. }
  9155. .ath-ios.ath-phone:after {
  9156. content: '';
  9157. background: #eee;
  9158. position: absolute;
  9159. width: 2em;
  9160. height: 2em;
  9161. bottom: -0.9em;
  9162. left: 50%;
  9163. margin-left: -1em;
  9164. -webkit-transform: scaleX(0.9) rotate(45deg);
  9165. -ms-transform: scaleX(0.9) rotate(45deg);
  9166. transform: scaleX(0.9) rotate(45deg);
  9167. -webkit-box-shadow: 0.2em 0.2em 0 #d1d1d1;
  9168. box-shadow: 0.2em 0.2em 0 #d1d1d1;
  9169. }
  9170. .ath-ios.ath-tablet:after {
  9171. content: '';
  9172. background: #eee;
  9173. position: absolute;
  9174. width: 2em;
  9175. height: 2em;
  9176. top: -0.9em;
  9177. left: 50%;
  9178. margin-left: -1em;
  9179. -webkit-transform: scaleX(0.9) rotate(45deg);
  9180. -ms-transform: scaleX(0.9) rotate(45deg);
  9181. transform: scaleX(0.9) rotate(45deg);
  9182. z-index: 2147483641;
  9183. }
  9184. .ath-android:after {
  9185. content: '';
  9186. background: #eee;
  9187. background: -webkit-linear-gradient(-45deg, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 50%, #eeeeee 50%, #eeeeee 100%);
  9188. position: absolute;
  9189. width: 2em;
  9190. height: 2em;
  9191. top: -1.5em;
  9192. right: 0;
  9193. }
  9194. .ath-application-icon {
  9195. position: relative;
  9196. padding: 0;
  9197. border: 0;
  9198. margin: 0 auto 0.2em auto;
  9199. height: 4.8em;
  9200. width: 4.8em;
  9201. z-index: 2147483642;
  9202. }
  9203. .ath-container.ath-ios .ath-application-icon {
  9204. border-radius: 1em;
  9205. -webkit-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  9206. box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  9207. margin: 0 auto 0.4em auto;
  9208. }
  9209. @media only screen and (orientation: landscape) {
  9210. .ath-container.ath-phone {
  9211. width: 24em;
  9212. }
  9213. .ath-ios.ath-phone {
  9214. margin-left: -12em;
  9215. }
  9216. .ath-ios6:after {
  9217. left: 39%;
  9218. }
  9219. .ath-ios8.ath-phone {
  9220. left: auto;
  9221. bottom: auto;
  9222. right: 0.4em;
  9223. top: 1.8em;
  9224. }
  9225. .ath-ios8.ath-phone:after {
  9226. bottom: auto;
  9227. top: -0.9em;
  9228. left: 68%;
  9229. z-index: 2147483641;
  9230. -webkit-box-shadow: none;
  9231. box-shadow: none;
  9232. }
  9233. }
  9234. /* ==========================================================================
  9235. Component: uCheck Plugin
  9236. ============================================================================ */
  9237. .am-checkbox,
  9238. .am-radio {
  9239. margin-bottom: 12px;
  9240. padding-left: 25px;
  9241. position: relative;
  9242. -webkit-transition: color .25s linear;
  9243. transition: color .25s linear;
  9244. font-size: 14px;
  9245. line-height: 1.5;
  9246. }
  9247. label.am-checkbox,
  9248. label.am-radio {
  9249. font-weight: normal;
  9250. }
  9251. .am-ucheck-icons {
  9252. color: #999999;
  9253. display: block;
  9254. height: 20px;
  9255. top: 0;
  9256. left: 0;
  9257. position: absolute;
  9258. width: 20px;
  9259. text-align: center;
  9260. line-height: 21px;
  9261. font-size: 18px;
  9262. cursor: pointer;
  9263. }
  9264. .am-checkbox .am-icon-checked,
  9265. .am-radio .am-icon-checked,
  9266. .am-checkbox .am-icon-unchecked,
  9267. .am-radio .am-icon-unchecked {
  9268. position: absolute;
  9269. left: 0;
  9270. top: 0;
  9271. display: inline-table;
  9272. margin: 0;
  9273. background-color: transparent;
  9274. -webkit-transition: color .25s linear;
  9275. transition: color .25s linear;
  9276. }
  9277. .am-checkbox .am-icon-checked:before,
  9278. .am-radio .am-icon-checked:before,
  9279. .am-checkbox .am-icon-unchecked:before,
  9280. .am-radio .am-icon-unchecked:before {
  9281. display: inline-block;
  9282. font-family: "FontAwesome", sans-serif;
  9283. font-weight: normal;
  9284. font-style: normal;
  9285. vertical-align: baseline;
  9286. line-height: 1;
  9287. -webkit-font-smoothing: antialiased;
  9288. -moz-osx-font-smoothing: grayscale;
  9289. }
  9290. .am-checkbox .am-icon-checked,
  9291. .am-radio .am-icon-checked {
  9292. opacity: 0;
  9293. }
  9294. .am-checkbox .am-icon-checked:before {
  9295. content: "\f046";
  9296. }
  9297. .am-checkbox .am-icon-unchecked:before {
  9298. content: "\f096";
  9299. }
  9300. .am-radio .am-icon-checked:before {
  9301. content: "\f192";
  9302. }
  9303. .am-radio .am-icon-unchecked:before {
  9304. content: "\f10c";
  9305. }
  9306. .am-ucheck-checkbox,
  9307. .am-ucheck-radio {
  9308. position: absolute;
  9309. left: 0;
  9310. top: 0;
  9311. margin: 0;
  9312. padding: 0;
  9313. width: 20px;
  9314. height: 20px;
  9315. opacity: 0;
  9316. outline: none !important;
  9317. }
  9318. .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons,
  9319. .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons {
  9320. color: #0e90d2;
  9321. }
  9322. .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9323. .am-ucheck-radio:checked + .am-ucheck-icons {
  9324. color: #0e90d2;
  9325. }
  9326. .am-ucheck-checkbox:checked + .am-ucheck-icons .am-icon-unchecked,
  9327. .am-ucheck-radio:checked + .am-ucheck-icons .am-icon-unchecked {
  9328. opacity: 0;
  9329. }
  9330. .am-ucheck-checkbox:checked + .am-ucheck-icons .am-icon-checked,
  9331. .am-ucheck-radio:checked + .am-ucheck-icons .am-icon-checked {
  9332. opacity: 1;
  9333. }
  9334. .am-ucheck-checkbox:disabled + .am-ucheck-icons,
  9335. .am-ucheck-radio:disabled + .am-ucheck-icons {
  9336. cursor: default;
  9337. color: #d8d8d8;
  9338. }
  9339. .am-ucheck-checkbox:disabled:checked + .am-ucheck-icons .am-icon-unchecked,
  9340. .am-ucheck-radio:disabled:checked + .am-ucheck-icons .am-icon-unchecked {
  9341. opacity: 0;
  9342. }
  9343. .am-ucheck-checkbox:disabled:checked + .am-ucheck-icons .am-icon-checked,
  9344. .am-ucheck-radio:disabled:checked + .am-ucheck-icons .am-icon-checked {
  9345. opacity: 1;
  9346. color: #d8d8d8;
  9347. }
  9348. .am-checkbox.am-secondary .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9349. .am-radio.am-secondary .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9350. .am-checkbox.am-secondary .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9351. .am-radio.am-secondary .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9352. color: #3bb4f2;
  9353. }
  9354. .am-checkbox.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9355. .am-radio.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9356. .am-checkbox.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons,
  9357. .am-radio.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons {
  9358. color: #3bb4f2;
  9359. }
  9360. .am-checkbox.am-success .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9361. .am-radio.am-success .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9362. .am-checkbox.am-success .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9363. .am-radio.am-success .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9364. color: #5eb95e;
  9365. }
  9366. .am-checkbox.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9367. .am-radio.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9368. .am-checkbox.am-success .am-ucheck-radio:checked + .am-ucheck-icons,
  9369. .am-radio.am-success .am-ucheck-radio:checked + .am-ucheck-icons {
  9370. color: #5eb95e;
  9371. }
  9372. .am-checkbox.am-warning .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9373. .am-radio.am-warning .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9374. .am-checkbox.am-warning .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9375. .am-radio.am-warning .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9376. color: #f37b1d;
  9377. }
  9378. .am-checkbox.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9379. .am-radio.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9380. .am-checkbox.am-warning .am-ucheck-radio:checked + .am-ucheck-icons,
  9381. .am-radio.am-warning .am-ucheck-radio:checked + .am-ucheck-icons {
  9382. color: #f37b1d;
  9383. }
  9384. .am-checkbox.am-danger .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9385. .am-radio.am-danger .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9386. .am-checkbox.am-danger .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9387. .am-radio.am-danger .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9388. color: #dd514c;
  9389. }
  9390. .am-checkbox.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9391. .am-radio.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9392. .am-checkbox.am-danger .am-ucheck-radio:checked + .am-ucheck-icons,
  9393. .am-radio.am-danger .am-ucheck-radio:checked + .am-ucheck-icons {
  9394. color: #dd514c;
  9395. }
  9396. .am-field-error + .am-ucheck-icons {
  9397. color: #dd514c;
  9398. }
  9399. .am-field-valid + .am-ucheck-icons {
  9400. color: #5eb95e;
  9401. }
  9402. .am-input-group-label .am-radio,
  9403. .am-input-group-label .am-checkbox {
  9404. margin: -2px 0;
  9405. padding-left: 15px;
  9406. }
  9407. .am-form-inline .am-checkbox,
  9408. .am-form-inline .am-radio {
  9409. padding-left: 24px;
  9410. }
  9411. /* ==========================================================================
  9412. Component: Selected Plugin
  9413. ============================================================================ */
  9414. .am-selected-btn {
  9415. text-align: right;
  9416. width: 200px;
  9417. }
  9418. .am-selected-btn.am-btn-default {
  9419. background: none;
  9420. }
  9421. .am-selected-header {
  9422. height: 45px;
  9423. background-color: #f2f2f2;
  9424. border-bottom: 1px solid #ddd;
  9425. display: none;
  9426. }
  9427. .am-selected-status {
  9428. text-align: left;
  9429. width: 100%;
  9430. display: block;
  9431. word-wrap: normal;
  9432. /* for IE */
  9433. text-overflow: ellipsis;
  9434. white-space: nowrap;
  9435. overflow: hidden;
  9436. }
  9437. .am-selected-content {
  9438. padding: 10px 0;
  9439. }
  9440. .am-selected-search {
  9441. padding: 0 10px 10px;
  9442. }
  9443. .am-selected-search .am-form-field {
  9444. padding: .5em;
  9445. }
  9446. .am-selected-list {
  9447. margin: 0;
  9448. padding: 0;
  9449. list-style: none;
  9450. font-size: 1.5rem;
  9451. }
  9452. .am-selected-list li {
  9453. position: relative;
  9454. cursor: pointer;
  9455. padding: 5px 10px;
  9456. -webkit-transition: background-color 0.15s;
  9457. transition: background-color 0.15s;
  9458. }
  9459. .am-selected-list li:hover {
  9460. background-color: #f8f8f8;
  9461. }
  9462. .am-selected-list li:hover .am-icon-check {
  9463. opacity: .6;
  9464. }
  9465. .am-selected-list li.am-checked .am-icon-check {
  9466. opacity: 1;
  9467. color: #0e90d2;
  9468. }
  9469. .am-selected-list .am-selected-list-header {
  9470. margin-top: 8px;
  9471. font-size: 1.3rem;
  9472. color: #999999;
  9473. border-bottom: 1px solid #e5e5e5;
  9474. cursor: default;
  9475. }
  9476. .am-selected-list .am-selected-list-header:hover {
  9477. background: none;
  9478. }
  9479. .am-selected-list .am-selected-list-header:first-child {
  9480. margin-top: 0;
  9481. }
  9482. .am-selected-list .am-selected-text {
  9483. display: block;
  9484. word-wrap: normal;
  9485. /* for IE */
  9486. text-overflow: ellipsis;
  9487. white-space: nowrap;
  9488. overflow: hidden;
  9489. margin-right: 30px;
  9490. }
  9491. .am-selected-list .am-icon-check {
  9492. position: absolute;
  9493. right: 8px;
  9494. top: 5px;
  9495. color: #999999;
  9496. opacity: 0;
  9497. -webkit-transition: opacity .15s;
  9498. transition: opacity .15s;
  9499. }
  9500. .am-selected-hint {
  9501. line-height: 1.2;
  9502. color: #dd514c;
  9503. }
  9504. .am-selected-hint:not(:empty) {
  9505. margin-top: 10px;
  9506. border-top: 1px solid #e5e5e5;
  9507. padding: 10px 10px 0;
  9508. }
  9509. /* ==========================================================================
  9510. Component: JS Plugins helpers
  9511. ============================================================================ */
  9512. .am-fade {
  9513. opacity: 0;
  9514. -webkit-transition: opacity .2s linear;
  9515. transition: opacity .2s linear;
  9516. }
  9517. .am-fade.am-in {
  9518. opacity: 1;
  9519. }
  9520. .am-collapse {
  9521. display: none;
  9522. }
  9523. .am-collapse.am-in {
  9524. display: block;
  9525. }
  9526. tr.am-collapse.am-in {
  9527. display: table-row;
  9528. }
  9529. tbody.am-collapse.am-in {
  9530. display: table-row-group;
  9531. }
  9532. .am-collapsing {
  9533. position: relative;
  9534. height: 0;
  9535. overflow: hidden;
  9536. -webkit-transition: height .3s ease;
  9537. transition: height .3s ease;
  9538. }
  9539. .am-sticky {
  9540. position: fixed !important;
  9541. z-index: 1010;
  9542. -webkit-transform-origin: 0 0;
  9543. -ms-transform-origin: 0 0;
  9544. transform-origin: 0 0;
  9545. }
  9546. [data-am-sticky][class*="am-animation-"] {
  9547. -webkit-animation-duration: .2s;
  9548. animation-duration: .2s;
  9549. }
  9550. .am-dimmer-active {
  9551. overflow: hidden;
  9552. }
  9553. .am-dimmer {
  9554. position: fixed;
  9555. top: 0;
  9556. right: 0;
  9557. bottom: 0;
  9558. left: 0;
  9559. display: none;
  9560. width: 100%;
  9561. height: 100%;
  9562. background-color: rgba(0, 0, 0, 0.6);
  9563. z-index: 1100;
  9564. opacity: 0;
  9565. }
  9566. .am-dimmer.am-active {
  9567. opacity: 1;
  9568. }
  9569. [data-am-collapse] {
  9570. cursor: pointer;
  9571. }
  9572. .am-datepicker {
  9573. top: 0;
  9574. left: 0;
  9575. border-radius: 2px;
  9576. background: #ffffff;
  9577. -webkit-box-shadow: 0 0 10px #ccc;
  9578. box-shadow: 0 0 10px #ccc;
  9579. padding-bottom: 10px;
  9580. margin-top: 10px;
  9581. width: 238px;
  9582. color: #555555;
  9583. display: none;
  9584. }
  9585. .am-datepicker > div {
  9586. display: none;
  9587. }
  9588. .am-datepicker table {
  9589. width: 100%;
  9590. }
  9591. .am-datepicker tr.am-datepicker-header {
  9592. font-size: 1.6rem;
  9593. color: #ffffff;
  9594. background: #3bb4f2;
  9595. }
  9596. .am-datepicker td,
  9597. .am-datepicker th {
  9598. text-align: center;
  9599. font-weight: normal;
  9600. cursor: pointer;
  9601. }
  9602. .am-datepicker th {
  9603. height: 48px;
  9604. }
  9605. .am-datepicker td {
  9606. font-size: 1.4rem;
  9607. }
  9608. .am-datepicker td.am-datepicker-day {
  9609. height: 34px;
  9610. width: 34px;
  9611. }
  9612. .am-datepicker td.am-datepicker-day:hover {
  9613. background: #f0f0f0;
  9614. height: 34px;
  9615. width: 34px;
  9616. }
  9617. .am-datepicker td.am-datepicker-day.am-disabled {
  9618. cursor: no-drop;
  9619. color: #999999;
  9620. background: #fafafa;
  9621. }
  9622. .am-datepicker td.am-datepicker-old,
  9623. .am-datepicker td.am-datepicker-new {
  9624. color: #89d7ff;
  9625. }
  9626. .am-datepicker td.am-active,
  9627. .am-datepicker td.am-active:hover {
  9628. border-radius: 2px;
  9629. color: #0084c7;
  9630. background: #f0f0f0;
  9631. }
  9632. .am-datepicker td span {
  9633. display: block;
  9634. width: 79.33333333px;
  9635. height: 40px;
  9636. line-height: 40px;
  9637. float: left;
  9638. cursor: pointer;
  9639. }
  9640. .am-datepicker td span:hover {
  9641. background: #f0f0f0;
  9642. }
  9643. .am-datepicker td span.am-active {
  9644. color: #0084c7;
  9645. background: #f0f0f0;
  9646. }
  9647. .am-datepicker td span.am-datepicker-old {
  9648. color: #89d7ff;
  9649. }
  9650. .am-datepicker .am-datepicker-dow {
  9651. height: 40px;
  9652. color: #0c80ba;
  9653. }
  9654. .am-datepicker-caret {
  9655. display: block!important;
  9656. display: inline-block;
  9657. width: 0;
  9658. height: 0;
  9659. vertical-align: middle;
  9660. border-bottom: 7px solid #3bb4f2;
  9661. border-right: 7px solid transparent;
  9662. border-left: 7px solid transparent;
  9663. border-top: 0 dotted;
  9664. -webkit-transform: rotate(360deg);
  9665. -ms-transform: rotate(360deg);
  9666. transform: rotate(360deg);
  9667. position: absolute;
  9668. top: -7px;
  9669. left: 6px;
  9670. }
  9671. .am-datepicker-right .am-datepicker-caret {
  9672. left: auto;
  9673. right: 7px;
  9674. }
  9675. .am-datepicker-up .am-datepicker-caret {
  9676. top: auto;
  9677. bottom: -7px;
  9678. display: inline-block;
  9679. width: 0;
  9680. height: 0;
  9681. vertical-align: middle;
  9682. border-top: 7px solid #ffffff;
  9683. border-right: 7px solid transparent;
  9684. border-left: 7px solid transparent;
  9685. border-bottom: 0 dotted;
  9686. -webkit-transform: rotate(360deg);
  9687. -ms-transform: rotate(360deg);
  9688. transform: rotate(360deg);
  9689. }
  9690. .am-datepicker-select {
  9691. height: 34px;
  9692. line-height: 34px;
  9693. text-align: center;
  9694. -webkit-transition: background-color 300ms ease-out;
  9695. transition: background-color 300ms ease-out;
  9696. }
  9697. .am-datepicker-select:hover {
  9698. background: rgba(154, 217, 248, 0.5);
  9699. color: #0c80ba;
  9700. }
  9701. .am-datepicker-prev,
  9702. .am-datepicker-next {
  9703. width: 34px;
  9704. height: 34px;
  9705. }
  9706. .am-datepicker-prev-icon,
  9707. .am-datepicker-next-icon {
  9708. width: 34px;
  9709. height: 34px;
  9710. line-height: 34px;
  9711. display: inline-block;
  9712. -webkit-transition: background-color 300ms ease-out;
  9713. transition: background-color 300ms ease-out;
  9714. }
  9715. .am-datepicker-prev-icon:hover,
  9716. .am-datepicker-next-icon:hover {
  9717. background: rgba(154, 217, 248, 0.5);
  9718. color: #0c80ba;
  9719. }
  9720. .am-datepicker-prev-icon:before {
  9721. display: inline-block;
  9722. font-family: "FontAwesome", sans-serif;
  9723. font-weight: normal;
  9724. font-style: normal;
  9725. vertical-align: baseline;
  9726. line-height: 1;
  9727. -webkit-font-smoothing: antialiased;
  9728. -moz-osx-font-smoothing: grayscale;
  9729. content: "\f053";
  9730. }
  9731. .am-datepicker-next-icon:before {
  9732. display: inline-block;
  9733. font-family: "FontAwesome", sans-serif;
  9734. font-weight: normal;
  9735. font-style: normal;
  9736. vertical-align: baseline;
  9737. line-height: 1;
  9738. -webkit-font-smoothing: antialiased;
  9739. -moz-osx-font-smoothing: grayscale;
  9740. content: "\f054";
  9741. }
  9742. .am-datepicker-dropdown {
  9743. position: absolute;
  9744. z-index: 1000;
  9745. }
  9746. @media only screen and (max-width: 640px) {
  9747. .am-datepicker {
  9748. width: 100%;
  9749. }
  9750. .am-datepicker td span {
  9751. width: 33.33%;
  9752. }
  9753. .am-datepicker-caret {
  9754. display: none!important;
  9755. }
  9756. .am-datepicker-prev,
  9757. .am-datepicker-next {
  9758. width: 44px;
  9759. height: 44px;
  9760. }
  9761. }
  9762. .am-datepicker-success tr.am-datepicker-header {
  9763. background: #5eb95e;
  9764. }
  9765. .am-datepicker-success td.am-datepicker-day.am-disabled {
  9766. color: #999999;
  9767. }
  9768. .am-datepicker-success td.am-datepicker-old,
  9769. .am-datepicker-success td.am-datepicker-new {
  9770. color: #94df94;
  9771. }
  9772. .am-datepicker-success td.am-active,
  9773. .am-datepicker-success td.am-active:hover {
  9774. color: #1b961b;
  9775. }
  9776. .am-datepicker-success td span.am-datepicker-old {
  9777. color: #94df94;
  9778. }
  9779. .am-datepicker-success td span.am-active {
  9780. color: #1b961b;
  9781. }
  9782. .am-datepicker-success .am-datepicker-caret {
  9783. border-bottom-color: #5eb95e;
  9784. }
  9785. .am-datepicker-success .am-datepicker-dow {
  9786. color: #367b36;
  9787. }
  9788. .am-datepicker-success .am-datepicker-select:hover,
  9789. .am-datepicker-success .am-datepicker-prev-icon:hover,
  9790. .am-datepicker-success .am-datepicker-next-icon:hover {
  9791. background: rgba(165, 216, 165, 0.5);
  9792. color: #367b36;
  9793. }
  9794. .am-datepicker-danger tr.am-datepicker-header {
  9795. background: #dd514c;
  9796. }
  9797. .am-datepicker-danger td.am-datepicker-day.am-disabled {
  9798. color: #999999;
  9799. }
  9800. .am-datepicker-danger td.am-datepicker-old,
  9801. .am-datepicker-danger td.am-datepicker-new {
  9802. color: #f59490;
  9803. }
  9804. .am-datepicker-danger td.am-active,
  9805. .am-datepicker-danger td.am-active:hover {
  9806. color: #c10802;
  9807. }
  9808. .am-datepicker-danger td span.am-datepicker-old {
  9809. color: #f59490;
  9810. }
  9811. .am-datepicker-danger td span.am-active {
  9812. color: #c10802;
  9813. }
  9814. .am-datepicker-danger .am-datepicker-caret {
  9815. border-bottom-color: #dd514c;
  9816. }
  9817. .am-datepicker-danger .am-datepicker-dow {
  9818. color: #a4241f;
  9819. }
  9820. .am-datepicker-danger .am-datepicker-select:hover,
  9821. .am-datepicker-danger .am-datepicker-prev-icon:hover,
  9822. .am-datepicker-danger .am-datepicker-next-icon:hover {
  9823. background: rgba(237, 164, 162, 0.5);
  9824. color: #a4241f;
  9825. }
  9826. .am-datepicker-warning tr.am-datepicker-header {
  9827. background: #f37b1d;
  9828. }
  9829. .am-datepicker-warning td.am-datepicker-day.am-disabled {
  9830. color: #999999;
  9831. }
  9832. .am-datepicker-warning td.am-datepicker-old,
  9833. .am-datepicker-warning td.am-datepicker-new {
  9834. color: #ffad6d;
  9835. }
  9836. .am-datepicker-warning td.am-active,
  9837. .am-datepicker-warning td.am-active:hover {
  9838. color: #aa4b00;
  9839. }
  9840. .am-datepicker-warning td span.am-datepicker-old {
  9841. color: #ffad6d;
  9842. }
  9843. .am-datepicker-warning td span.am-active {
  9844. color: #aa4b00;
  9845. }
  9846. .am-datepicker-warning .am-datepicker-caret {
  9847. border-bottom-color: #f37b1d;
  9848. }
  9849. .am-datepicker-warning .am-datepicker-dow {
  9850. color: #a14c09;
  9851. }
  9852. .am-datepicker-warning .am-datepicker-select:hover,
  9853. .am-datepicker-warning .am-datepicker-prev-icon:hover,
  9854. .am-datepicker-warning .am-datepicker-next-icon:hover {
  9855. background: rgba(248, 180, 126, 0.5);
  9856. color: #a14c09;
  9857. }
  9858. /* ==========================================================================
  9859. Component: Print
  9860. ============================================================================ */
  9861. @media print {
  9862. *,
  9863. *:before,
  9864. *:after {
  9865. background: transparent !important;
  9866. color: #000 !important;
  9867. /* Black prints faster: h5bp.com/s */
  9868. -webkit-box-shadow: none !important;
  9869. box-shadow: none !important;
  9870. text-shadow: none !important;
  9871. }
  9872. a,
  9873. a:visited {
  9874. text-decoration: underline;
  9875. }
  9876. a[href]:after {
  9877. content: " (" attr(href) ")";
  9878. }
  9879. abbr[title]:after {
  9880. content: " [" attr(title) "] ";
  9881. }
  9882. /**
  9883. * Don't show links that are fragment identifiers,
  9884. * or use the `javascript:` pseudo protocol
  9885. */
  9886. a[href^="javascript:"]:after,
  9887. a[href^="#"]:after {
  9888. content: "";
  9889. }
  9890. pre,
  9891. blockquote {
  9892. border: 1px solid #999;
  9893. page-break-inside: avoid;
  9894. }
  9895. thead {
  9896. display: table-header-group
  9897. /* h5bp.com/t */
  9898. }
  9899. tr,
  9900. img {
  9901. page-break-inside: avoid;
  9902. }
  9903. img {
  9904. max-width: 100% !important;
  9905. }
  9906. p,
  9907. h2,
  9908. h3 {
  9909. orphans: 3;
  9910. widows: 3;
  9911. }
  9912. h2,
  9913. h3 {
  9914. page-break-after: avoid;
  9915. }
  9916. @page {
  9917. margin: 0.5cm;
  9918. }
  9919. select {
  9920. background: #fff !important;
  9921. }
  9922. .am-topbar {
  9923. display: none;
  9924. }
  9925. .am-table td,
  9926. .am-table th {
  9927. background-color: #fff !important;
  9928. }
  9929. .am-table {
  9930. border-collapse: collapse !important;
  9931. }
  9932. .am-table-bordered th,
  9933. .am-table-bordered td {
  9934. border: 1px solid #ddd !important;
  9935. }
  9936. }
  9937. /* print helper classes */
  9938. .am-print-block {
  9939. display: none !important;
  9940. }
  9941. @media print {
  9942. .am-print-block {
  9943. display: block !important;
  9944. }
  9945. }
  9946. .am-print-inline {
  9947. display: none !important;
  9948. }
  9949. @media print {
  9950. .am-print-inline {
  9951. display: inline !important;
  9952. }
  9953. }
  9954. .am-print-inline-block {
  9955. display: none !important;
  9956. }
  9957. @media print {
  9958. .am-print-inline-block {
  9959. display: inline-block !important;
  9960. }
  9961. }
  9962. @media print {
  9963. .am-print-hide {
  9964. display: none !important;
  9965. }
  9966. }
  9967. .lte9 #nprogress .nprogress-spinner {
  9968. display: none !important;
  9969. }
  9970. .lte8 .am-dimmer {
  9971. background-color: #000;
  9972. filter: alpha(opacity=60);
  9973. }
  9974. .lte8 .am-modal-actions {
  9975. display: none;
  9976. }
  9977. .lte8 .am-modal-actions.am-modal-active {
  9978. display: block;
  9979. }
  9980. .lte8 .am-offcanvas.am-active {
  9981. background: #000;
  9982. }
  9983. .lte8 .am-popover .am-popover-caret {
  9984. border: 8px solid transparent;
  9985. }
  9986. .lte8 .am-popover-top .am-popover-caret {
  9987. border-top: 8px solid #333333;
  9988. border-bottom: none;
  9989. }
  9990. .lte8 .am-popover-left .am-popover-caret {
  9991. right: -8px;
  9992. margin-top: -6px;
  9993. border-left: 8px solid #333333;
  9994. border-right: none;
  9995. }
  9996. .lte8 .am-popover-right .am-popover-caret {
  9997. left: -8px;
  9998. margin-top: -6px;
  9999. border-right: 8px solid #333333;
  10000. border-left: none;
  10001. }
  10002. .am-accordion-item {
  10003. margin: 0;
  10004. }
  10005. .am-accordion-title {
  10006. font-weight: normal;
  10007. cursor: pointer;
  10008. }
  10009. .am-accordion-bd {
  10010. margin: 0 !important;
  10011. padding: 0 !important;
  10012. border: none !important;
  10013. }
  10014. .am-accordion-content {
  10015. margin-top: 0;
  10016. padding: 0.8rem 1rem 1.2rem;
  10017. font-size: 1.4rem;
  10018. }
  10019. /**
  10020. * Accordion Theme: default
  10021. * Author: Minwe (minwe@yunshipei.com)
  10022. */
  10023. .am-accordion-default {
  10024. margin: 1rem;
  10025. border-radius: 2px;
  10026. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  10027. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  10028. }
  10029. .am-accordion-default .am-accordion-item {
  10030. border-top: 1px solid rgba(0, 0, 0, 0.05);
  10031. }
  10032. .am-accordion-default .am-accordion-item:first-child {
  10033. border-top: none;
  10034. }
  10035. .am-accordion-default .am-accordion-title {
  10036. color: rgba(0, 0, 0, 0.6);
  10037. -webkit-transition: background-color 0.2s ease-out;
  10038. transition: background-color 0.2s ease-out;
  10039. padding: .8rem 1rem;
  10040. }
  10041. .am-accordion-default .am-accordion-title:before {
  10042. content: "\f0da";
  10043. display: inline-block;
  10044. font-family: "FontAwesome", sans-serif;
  10045. font-weight: normal;
  10046. font-style: normal;
  10047. vertical-align: baseline;
  10048. line-height: 1;
  10049. -webkit-font-smoothing: antialiased;
  10050. -moz-osx-font-smoothing: grayscale;
  10051. -webkit-transition: -webkit-transform .2s ease;
  10052. transition: transform .2s ease;
  10053. -webkit-transform: rotate(0deg);
  10054. -ms-transform: rotate(0deg);
  10055. transform: rotate(0deg);
  10056. margin-right: 5px;
  10057. }
  10058. .am-accordion-default .am-accordion-title:hover {
  10059. color: #0e90d2;
  10060. }
  10061. .am-accordion-default .am-accordion-content {
  10062. color: #666666;
  10063. }
  10064. .am-accordion-default .am-active .am-accordion-title {
  10065. background-color: #eeeeee;
  10066. color: #0e90d2;
  10067. }
  10068. .am-accordion-default .am-active .am-accordion-title:before {
  10069. -webkit-transform: rotate(90deg);
  10070. -ms-transform: rotate(90deg);
  10071. transform: rotate(90deg);
  10072. }
  10073. /**
  10074. * Accordion Theme: basic
  10075. * Author: Minwe (minwe@yunshipei.com)
  10076. */
  10077. .am-accordion-basic {
  10078. margin: 1rem;
  10079. }
  10080. .am-accordion-basic .am-accordion-title {
  10081. color: #333333;
  10082. -webkit-transition: background-color 0.2s ease-out;
  10083. transition: background-color 0.2s ease-out;
  10084. padding: .8rem 0 0;
  10085. }
  10086. .am-accordion-basic .am-accordion-title:before {
  10087. display: inline-block;
  10088. font-family: "FontAwesome", sans-serif;
  10089. font-weight: normal;
  10090. font-style: normal;
  10091. vertical-align: baseline;
  10092. line-height: 1;
  10093. -webkit-font-smoothing: antialiased;
  10094. -moz-osx-font-smoothing: grayscale;
  10095. content: "\f0da";
  10096. -webkit-transition: -webkit-transform .2s ease;
  10097. transition: transform .2s ease;
  10098. -webkit-transform: rotate(0deg);
  10099. -ms-transform: rotate(0deg);
  10100. transform: rotate(0deg);
  10101. margin-right: .5rem;
  10102. }
  10103. .am-accordion-basic .am-accordion-content {
  10104. color: #666666;
  10105. }
  10106. .am-accordion-basic .am-active .am-accordion-title {
  10107. color: #0e90d2;
  10108. }
  10109. .am-accordion-basic .am-active .am-accordion-title:before {
  10110. -webkit-transform: rotate(90deg);
  10111. -ms-transform: rotate(90deg);
  10112. transform: rotate(90deg);
  10113. }
  10114. /**
  10115. * Accordion Theme: gapped
  10116. * Author: Minwe (minwe@yunshipei.com)
  10117. */
  10118. .am-accordion-gapped {
  10119. margin: .5rem 1rem;
  10120. }
  10121. .am-accordion-gapped .am-accordion-item {
  10122. border: 1px solid #dedede;
  10123. border-bottom: none;
  10124. margin: .5rem 0;
  10125. }
  10126. .am-accordion-gapped .am-accordion-item.am-active {
  10127. border-bottom: 1px solid #dedede;
  10128. }
  10129. .am-accordion-gapped .am-accordion-title {
  10130. color: rgba(0, 0, 0, 0.6);
  10131. -webkit-transition: background-color 0.15s ease-out;
  10132. transition: background-color 0.15s ease-out;
  10133. border-bottom: 1px solid #dedede;
  10134. padding: 0.8rem 2rem 0.8rem 1rem;
  10135. position: relative;
  10136. }
  10137. .am-accordion-gapped .am-accordion-title:after {
  10138. display: inline-block;
  10139. font-family: "FontAwesome", sans-serif;
  10140. font-weight: normal;
  10141. font-style: normal;
  10142. vertical-align: baseline;
  10143. line-height: 1;
  10144. -webkit-font-smoothing: antialiased;
  10145. -moz-osx-font-smoothing: grayscale;
  10146. content: "\f105";
  10147. -webkit-transition: -webkit-transform .2s linear;
  10148. transition: transform .2s linear;
  10149. position: absolute;
  10150. right: 10px;
  10151. top: 50%;
  10152. margin-top: -0.8rem;
  10153. }
  10154. .am-accordion-gapped .am-accordion-title:hover {
  10155. color: rgba(0, 0, 0, 0.8);
  10156. }
  10157. .am-accordion-gapped .am-accordion-content {
  10158. color: #666666;
  10159. }
  10160. .am-accordion-gapped .am-active .am-accordion-title {
  10161. background-color: #f5f5f5;
  10162. color: rgba(0, 0, 0, 0.8);
  10163. }
  10164. .am-accordion-gapped .am-active .am-accordion-title:after {
  10165. -webkit-transform: rotate(90deg);
  10166. -ms-transform: rotate(90deg);
  10167. transform: rotate(90deg);
  10168. }
  10169. /**
  10170. * Accordion Theme: one
  10171. * Author: hzp (hzp@yunshipei.com)
  10172. */
  10173. .am-accordion-one {
  10174. margin: 0 10px 0 10px;
  10175. }
  10176. .am-accordion-one .am-accordion-item {
  10177. border: 1px solid #dfdfdf;
  10178. margin: .5rem 0;
  10179. background: #ffffff;
  10180. }
  10181. .am-accordion-one .am-accordion-title {
  10182. color: #555555;
  10183. -webkit-transition: background-color 0.2s ease-out;
  10184. transition: background-color 0.2s ease-out;
  10185. padding: 0.8rem 2rem 0.8rem 1rem;
  10186. position: relative;
  10187. }
  10188. .am-accordion-one .am-accordion-title:after {
  10189. display: inline-block;
  10190. font-family: "FontAwesome", sans-serif;
  10191. font-weight: normal;
  10192. font-style: normal;
  10193. vertical-align: baseline;
  10194. line-height: 1;
  10195. -webkit-font-smoothing: antialiased;
  10196. -moz-osx-font-smoothing: grayscale;
  10197. content: "\f105";
  10198. -webkit-transition: -webkit-transform .2s linear;
  10199. transition: transform .2s linear;
  10200. position: absolute;
  10201. right: 10px;
  10202. top: 50%;
  10203. margin-top: -0.8rem;
  10204. }
  10205. .am-accordion-one .am-accordion-title:hover {
  10206. color: #15afef;
  10207. }
  10208. .am-accordion-one .am-accordion-content {
  10209. color: #666666;
  10210. }
  10211. .am-accordion-one .am-active .am-accordion-title {
  10212. background-color: #f8f8f8;
  10213. color: #15afef;
  10214. }
  10215. .am-accordion-one .am-active .am-accordion-title:after {
  10216. -webkit-transform: rotate(90deg);
  10217. -ms-transform: rotate(90deg);
  10218. transform: rotate(90deg);
  10219. }
  10220. /**
  10221. * Divider Theme: default
  10222. */
  10223. .am-divider-default {
  10224. height: 1px;
  10225. border: none;
  10226. margin: 1.5rem auto;
  10227. overflow: hidden;
  10228. background-color: #dddddd;
  10229. clear: both;
  10230. }
  10231. /**
  10232. * Divider Theme: one
  10233. */
  10234. .am-divider-one {
  10235. height: 10px;
  10236. border: none;
  10237. overflow: hidden;
  10238. clear: both;
  10239. margin: 0;
  10240. }
  10241. .am-figure-zoomable {
  10242. position: relative;
  10243. cursor: pointer;
  10244. }
  10245. .am-figure-zoomable:after {
  10246. display: inline-block;
  10247. font-family: "FontAwesome", sans-serif;
  10248. font-weight: normal;
  10249. font-style: normal;
  10250. vertical-align: baseline;
  10251. line-height: 1;
  10252. -webkit-font-smoothing: antialiased;
  10253. -moz-osx-font-smoothing: grayscale;
  10254. content: "\f00e";
  10255. position: absolute;
  10256. top: 1rem;
  10257. right: 1rem;
  10258. color: #999999;
  10259. font-size: 1.6rem;
  10260. -webkit-transition: all 0.2s;
  10261. transition: all 0.2s;
  10262. }
  10263. .am-figure-zoomable:hover:after {
  10264. color: #eeeeee;
  10265. }
  10266. .am-figure-default {
  10267. margin: 10px;
  10268. }
  10269. .am-figure-default img {
  10270. display: block;
  10271. max-width: 100%;
  10272. height: auto;
  10273. padding: 2px;
  10274. border: 1px solid #eeeeee;
  10275. margin: 10px auto;
  10276. }
  10277. .am-figure-default figcaption {
  10278. text-align: center;
  10279. font-size: 1.4rem;
  10280. margin-bottom: 15px;
  10281. color: #333333;
  10282. }
  10283. /**
  10284. * Figure theme: one
  10285. */
  10286. .am-figure-one {
  10287. margin: 0 10px;
  10288. background: #ffffff;
  10289. }
  10290. .am-figure-one img {
  10291. display: block;
  10292. max-width: 100%;
  10293. height: auto;
  10294. padding: 2px;
  10295. border: 1px solid #dfdfdf;
  10296. }
  10297. .am-figure-one figcaption {
  10298. text-align: center;
  10299. font-size: 1.4rem;
  10300. padding: 10px 0;
  10301. color: #888888;
  10302. }
  10303. .am-footer {
  10304. text-align: center;
  10305. padding: 1em 0;
  10306. font-size: 1.6rem;
  10307. }
  10308. .am-footer .am-switch-mode-ysp {
  10309. cursor: pointer;
  10310. }
  10311. .am-footer .am-footer-text {
  10312. margin-top: 10px;
  10313. font-size: 14px;
  10314. }
  10315. .am-footer .am-footer-text-left {
  10316. text-align: left;
  10317. padding-left: 10px;
  10318. }
  10319. .am-modal-footer-hd {
  10320. padding-bottom: 10px;
  10321. }
  10322. /**
  10323. * Footer Theme: default
  10324. */
  10325. .am-footer-default {
  10326. background-color: #ffffff;
  10327. }
  10328. .am-footer-default a {
  10329. color: #555555;
  10330. }
  10331. .am-footer-default .am-footer-switch {
  10332. margin-bottom: 10px;
  10333. font-weight: bold;
  10334. }
  10335. .am-footer-default .am-footer-ysp {
  10336. color: #555555;
  10337. cursor: pointer;
  10338. }
  10339. .am-footer-default .am-footer-divider {
  10340. color: #cccccc;
  10341. }
  10342. .am-footer-default .am-footer-desktop {
  10343. color: #0e90d2;
  10344. }
  10345. .am-footer-default .am-footer-miscs {
  10346. color: #999999;
  10347. font-size: 13px;
  10348. }
  10349. .am-footer-default .am-footer-miscs p {
  10350. margin: 5px 0;
  10351. }
  10352. @media only screen and (min-width:641px) {
  10353. .am-footer-default .am-footer-miscs p {
  10354. display: inline-block;
  10355. margin: 5px;
  10356. }
  10357. }
  10358. /**
  10359. * Footer Theme: one
  10360. */
  10361. .am-footer-one a {
  10362. color: #15afef;
  10363. font-weight: bold;
  10364. }
  10365. .am-footer-one .am-footer-switch {
  10366. margin-bottom: 10px;
  10367. }
  10368. .am-footer-one .am-footer-ysp {
  10369. color: #15afef;
  10370. cursor: pointer;
  10371. }
  10372. .am-footer-one .am-footer-divider {
  10373. color: #999999;
  10374. }
  10375. .am-footer-one .am-footer-desktop {
  10376. font-weight: normal;
  10377. color: #555555;
  10378. }
  10379. .am-footer-one .am-footer-miscs {
  10380. color: #7c7c7c;
  10381. overflow: hidden;
  10382. padding: 0 10px;
  10383. font-size: 14px;
  10384. }
  10385. .am-footer-one .am-footer-miscs ul,
  10386. .am-footer-one .am-footer-miscs li {
  10387. padding-left: 0;
  10388. list-style: none;
  10389. }
  10390. .am-footer-one .am-footer-miscs p {
  10391. margin: 4px 0;
  10392. }
  10393. .am-footer-one .am-footer-miscs a {
  10394. font-weight: normal;
  10395. color: #555555;
  10396. margin: 0 1px;
  10397. }
  10398. .am-footer-one .am-footer-miscs img {
  10399. display: block;
  10400. max-width: 100%;
  10401. margin: 0 auto 2px auto;
  10402. }
  10403. @media only screen and (min-width:641px) {
  10404. .am-footer-one .am-footer-miscs p {
  10405. display: inline-block;
  10406. margin: 5px;
  10407. }
  10408. }
  10409. .am-gallery {
  10410. padding: 5px 5px 0 5px;
  10411. list-style: none;
  10412. }
  10413. .am-gallery h3 {
  10414. margin: 0;
  10415. }
  10416. [data-am-gallery*='pureview'] img {
  10417. cursor: pointer;
  10418. }
  10419. /**
  10420. * Gallery Theme: default
  10421. * Author: Minwe (minwe@yunshipei.com)
  10422. */
  10423. .am-gallery-default > li {
  10424. padding: 5px;
  10425. }
  10426. .am-gallery-default .am-gallery-item img {
  10427. width: 100%;
  10428. height: auto;
  10429. }
  10430. .am-gallery-default .am-gallery-title {
  10431. margin-top: 10px;
  10432. font-weight: normal;
  10433. font-size: 1.4rem;
  10434. display: block;
  10435. word-wrap: normal;
  10436. /* for IE */
  10437. text-overflow: ellipsis;
  10438. white-space: nowrap;
  10439. overflow: hidden;
  10440. color: #555555;
  10441. }
  10442. .am-gallery-default .am-gallery-desc {
  10443. color: #999999;
  10444. font-size: 1.2rem;
  10445. }
  10446. /**
  10447. * Gallery Theme: overlay
  10448. * Author: Minwe (minwe@yunshipei.com)
  10449. */
  10450. .am-gallery-overlay > li {
  10451. padding: 5px;
  10452. }
  10453. .am-gallery-overlay .am-gallery-item {
  10454. position: relative;
  10455. }
  10456. .am-gallery-overlay .am-gallery-item img {
  10457. width: 100%;
  10458. height: auto;
  10459. }
  10460. .am-gallery-overlay .am-gallery-title {
  10461. font-weight: normal;
  10462. font-size: 1.4rem;
  10463. color: #ffffff;
  10464. position: absolute;
  10465. bottom: 0;
  10466. width: 100%;
  10467. background-color: rgba(0, 0, 0, 0.5);
  10468. text-indent: 5px;
  10469. height: 30px;
  10470. line-height: 30px;
  10471. display: block;
  10472. word-wrap: normal;
  10473. /* for IE */
  10474. text-overflow: ellipsis;
  10475. white-space: nowrap;
  10476. overflow: hidden;
  10477. }
  10478. .am-gallery-overlay .am-gallery-desc {
  10479. display: none;
  10480. }
  10481. /**
  10482. * Accordion Theme: bordered
  10483. * Author: Minwe (minwe@yunshipei.com)
  10484. */
  10485. .am-gallery-bordered > li {
  10486. padding: 5px;
  10487. }
  10488. .am-gallery-bordered .am-gallery-item {
  10489. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10490. box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10491. padding: 5px;
  10492. }
  10493. .am-gallery-bordered .am-gallery-item img {
  10494. width: 100%;
  10495. height: auto;
  10496. }
  10497. .am-gallery-bordered .am-gallery-title {
  10498. margin-top: 10px;
  10499. font-weight: normal;
  10500. font-size: 1.4rem;
  10501. color: #555555;
  10502. display: block;
  10503. word-wrap: normal;
  10504. /* for IE */
  10505. text-overflow: ellipsis;
  10506. white-space: nowrap;
  10507. overflow: hidden;
  10508. }
  10509. .am-gallery-bordered .am-gallery-desc {
  10510. color: #999999;
  10511. font-size: 1.2rem;
  10512. }
  10513. /**
  10514. * Gallery Theme: imgbordered
  10515. * Author: Minwe (minwe@yunshipei.com)
  10516. */
  10517. .am-gallery-imgbordered > li {
  10518. padding: 5px;
  10519. }
  10520. .am-gallery-imgbordered .am-gallery-item img {
  10521. width: 100%;
  10522. height: auto;
  10523. border: 3px solid #FFF;
  10524. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10525. box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10526. }
  10527. .am-gallery-imgbordered .am-gallery-title {
  10528. margin-top: 10px;
  10529. font-weight: normal;
  10530. font-size: 1.4rem;
  10531. color: #555555;
  10532. display: block;
  10533. word-wrap: normal;
  10534. /* for IE */
  10535. text-overflow: ellipsis;
  10536. white-space: nowrap;
  10537. overflow: hidden;
  10538. }
  10539. .am-gallery-imgbordered .am-gallery-desc {
  10540. color: #999999;
  10541. font-size: 1.2rem;
  10542. }
  10543. /**
  10544. * Gallery Theme: one
  10545. * Author: hzp (hzp@yunshipei.com)
  10546. */
  10547. .am-gallery-one {
  10548. padding: 0 5px;
  10549. background-color: #ffffff;
  10550. }
  10551. .am-gallery-one > li {
  10552. padding: 5px;
  10553. }
  10554. .am-gallery-one .am-gallery-item {
  10555. padding: 5px;
  10556. }
  10557. .am-gallery-one .am-gallery-item img {
  10558. width: 100%;
  10559. height: auto;
  10560. }
  10561. .am-gallery-one .am-gallery-title {
  10562. line-height: 34px;
  10563. font-weight: normal;
  10564. font-size: 1.4rem;
  10565. display: block;
  10566. word-wrap: normal;
  10567. /* for IE */
  10568. text-overflow: ellipsis;
  10569. white-space: nowrap;
  10570. overflow: hidden;
  10571. color: #555555;
  10572. }
  10573. .am-gallery-one .am-gallery-desc {
  10574. color: #999999;
  10575. font-size: 1.2rem;
  10576. }
  10577. .am-gallery-one .am-gallery-more {
  10578. width: 100%;
  10579. }
  10580. .am-gallery-one .am-gallery-more a {
  10581. background-color: #dfdfdf;
  10582. color: #555555;
  10583. height: 35px;
  10584. line-height: 35px;
  10585. font-size: 1.4rem;
  10586. display: block;
  10587. text-align: center;
  10588. }
  10589. .am-gotop a {
  10590. display: inline-block;
  10591. text-decoration: none;
  10592. }
  10593. /**
  10594. * Gotop Theme: default
  10595. */
  10596. .am-gotop-default {
  10597. text-align: center;
  10598. margin: 10px 0;
  10599. }
  10600. .am-gotop-default a {
  10601. background-color: #0e90d2;
  10602. padding: .5em 1.5em;
  10603. border-radius: 2px;
  10604. color: #ffffff;
  10605. }
  10606. .am-gotop-default a img {
  10607. display: none;
  10608. }
  10609. /**
  10610. * Gotop Theme: fixed
  10611. */
  10612. .am-gotop-fixed {
  10613. position: fixed;
  10614. right: 10px;
  10615. bottom: 10px;
  10616. z-index: 1010;
  10617. opacity: 0;
  10618. width: 32px;
  10619. min-height: 32px;
  10620. overflow: hidden;
  10621. border-radius: 2px;
  10622. text-align: center;
  10623. }
  10624. .am-gotop-fixed.am-active {
  10625. opacity: .9;
  10626. }
  10627. .am-gotop-fixed.am-active:hover {
  10628. opacity: 1;
  10629. }
  10630. .am-gotop-fixed a {
  10631. display: block;
  10632. }
  10633. .am-gotop-fixed .am-gotop-title {
  10634. display: none;
  10635. }
  10636. .am-gotop-fixed .am-gotop-icon-custom {
  10637. display: inline-block;
  10638. max-width: 30px;
  10639. vertical-align: middle;
  10640. }
  10641. .am-gotop-fixed .am-gotop-icon {
  10642. width: 100%;
  10643. line-height: 32px;
  10644. background-color: #555555;
  10645. vertical-align: middle;
  10646. color: #dddddd;
  10647. }
  10648. .am-gotop-fixed .am-gotop-icon:hover {
  10649. color: #ffffff;
  10650. }
  10651. .am-with-fixed-navbar .am-gotop-fixed {
  10652. bottom: 60px;
  10653. }
  10654. /**
  10655. * Gotop Theme: one
  10656. */
  10657. .am-gotop-one {
  10658. position: fixed;
  10659. right: 10px;
  10660. bottom: 10px;
  10661. z-index: 1005;
  10662. width: 32px;
  10663. height: 32px;
  10664. background-color: #ffffff;
  10665. border-radius: 2px;
  10666. border: 1px solid #15afef;
  10667. text-align: center;
  10668. }
  10669. .am-gotop-one .am-gotop-title {
  10670. display: none;
  10671. }
  10672. .am-gotop-one .am-gotop-icon {
  10673. vertical-align: middle;
  10674. display: inline-block;
  10675. color: #15afef;
  10676. }
  10677. .am-with-fixed-navbar .am-gotop-one {
  10678. bottom: 60px;
  10679. }
  10680. .am-header {
  10681. position: relative;
  10682. width: 100%;
  10683. height: 49px;
  10684. line-height: 49px;
  10685. padding: 0 10px;
  10686. }
  10687. .am-header h1 {
  10688. margin-top: 0;
  10689. margin-bottom: 0;
  10690. }
  10691. .am-header .am-header-title {
  10692. margin: 0 30%;
  10693. font-size: 2rem;
  10694. font-weight: normal;
  10695. text-align: center;
  10696. display: block;
  10697. word-wrap: normal;
  10698. /* for IE */
  10699. text-overflow: ellipsis;
  10700. white-space: nowrap;
  10701. overflow: hidden;
  10702. }
  10703. .am-header .am-header-title img {
  10704. margin-top: 12px;
  10705. height: 25px;
  10706. vertical-align: top;
  10707. }
  10708. .am-header .am-header-nav {
  10709. position: absolute;
  10710. top: 0;
  10711. }
  10712. .am-header .am-header-nav img {
  10713. height: 16px;
  10714. width: auto;
  10715. vertical-align: middle;
  10716. }
  10717. .am-header .am-header-left {
  10718. left: 10px;
  10719. }
  10720. .am-header .am-header-right {
  10721. right: 10px;
  10722. }
  10723. .am-header-fixed {
  10724. position: fixed;
  10725. top: 0;
  10726. left: 0;
  10727. right: 0;
  10728. width: 100%;
  10729. z-index: 1010;
  10730. }
  10731. .am-with-fixed-header {
  10732. padding-top: 49px;
  10733. }
  10734. /**
  10735. * Header Theme: default
  10736. */
  10737. .am-header-default {
  10738. background-color: #0e90d2;
  10739. }
  10740. .am-header-default .am-header-title {
  10741. color: #ffffff;
  10742. }
  10743. .am-header-default .am-header-title a {
  10744. color: #ffffff;
  10745. }
  10746. .am-header-default .am-header-icon {
  10747. font-size: 20px;
  10748. }
  10749. .am-header-default .am-header-nav {
  10750. color: #eeeeee;
  10751. }
  10752. .am-header-default .am-header-nav > a {
  10753. display: inline-block;
  10754. min-width: 36px;
  10755. text-align: center;
  10756. color: #eeeeee;
  10757. }
  10758. .am-header-default .am-header-nav > a + a {
  10759. margin-left: 5px;
  10760. }
  10761. .am-header-default .am-header-nav .am-btn {
  10762. margin-top: 9px;
  10763. height: 31px;
  10764. padding: 0 0.5em;
  10765. line-height: 30px;
  10766. font-size: 14px;
  10767. vertical-align: top;
  10768. }
  10769. .am-header-default .am-header-nav .am-btn .am-header-icon {
  10770. font-size: inherit;
  10771. }
  10772. .am-header-default .am-header-nav .am-btn-default {
  10773. color: #999999;
  10774. }
  10775. .am-header-default .am-header-nav-title,
  10776. .am-header-default .am-header-nav-title + .am-header-icon {
  10777. font-size: 14px;
  10778. }
  10779. /**
  10780. * Header Theme: one
  10781. */
  10782. .am-header-one {
  10783. background: #ffffff;
  10784. }
  10785. .am-header-one .am-header-title {
  10786. margin: 0 15%;
  10787. color: #333333;
  10788. display: block;
  10789. word-wrap: normal;
  10790. /* for IE */
  10791. text-overflow: ellipsis;
  10792. white-space: nowrap;
  10793. overflow: hidden;
  10794. }
  10795. .am-header-one .am-header-title a {
  10796. color: #333333;
  10797. }
  10798. .am-header-one .am-header-title img {
  10799. height: 34px;
  10800. width: auto;
  10801. margin-top: 8px;
  10802. vertical-align: top;
  10803. }
  10804. .am-header-one .am-header-nav > a {
  10805. color: #15afef;
  10806. }
  10807. .am-intro {
  10808. position: relative;
  10809. }
  10810. .am-intro-hd {
  10811. position: relative;
  10812. height: 45px;
  10813. line-height: 45px;
  10814. }
  10815. .am-intro-title {
  10816. font-size: 18px;
  10817. margin: 0;
  10818. font-weight: bold;
  10819. }
  10820. .am-intro-more-top {
  10821. position: absolute;
  10822. right: 10px;
  10823. top: 0;
  10824. font-size: 1.4rem;
  10825. }
  10826. .am-intro-bd {
  10827. padding-top: 15px;
  10828. padding-bottom: 15px;
  10829. font-size: 1.4rem;
  10830. }
  10831. .am-intro-bd p:last-child {
  10832. margin-bottom: 0;
  10833. }
  10834. .am-intro-more-bottom {
  10835. clear: both;
  10836. text-align: center;
  10837. }
  10838. .am-intro-more-bottom .am-btn {
  10839. font-size: 14px;
  10840. }
  10841. /**
  10842. * Intro Theme: default
  10843. */
  10844. .am-intro-default .am-intro-hd {
  10845. background-color: #0e90d2;
  10846. color: #ffffff;
  10847. padding: 0 10px;
  10848. }
  10849. .am-intro-default .am-intro-hd a {
  10850. color: #eeeeee;
  10851. }
  10852. .am-intro-default .am-intro-right {
  10853. padding-left: 0;
  10854. }
  10855. /**
  10856. * Intro Theme: one
  10857. */
  10858. .am-intro-one {
  10859. padding-bottom: 10px;
  10860. background-color: #ffffff;
  10861. }
  10862. .am-intro-one a {
  10863. color: #15afef;
  10864. }
  10865. .am-intro-one .am-intro-hd {
  10866. border-bottom: 1px solid #15afef;
  10867. margin-left: 10px;
  10868. margin-right: 10px;
  10869. line-height: 44px;
  10870. }
  10871. .am-intro-one .am-intro-title {
  10872. color: #333333;
  10873. padding-left: 10px;
  10874. }
  10875. .am-intro-one .am-intro-title:before {
  10876. position: absolute;
  10877. left: 1px;
  10878. top: 10px;
  10879. bottom: 10px;
  10880. content: '';
  10881. width: 3px;
  10882. background-color: #15afef;
  10883. display: block;
  10884. }
  10885. .am-intro-one .am-intro-bd {
  10886. color: #555555;
  10887. }
  10888. .am-intro-one .am-intro-left {
  10889. float: left;
  10890. display: inline;
  10891. }
  10892. .am-intro-one .am-intro-right {
  10893. display: inline;
  10894. padding-left: 0;
  10895. font-size: 1.4rem;
  10896. }
  10897. .am-intro-one .am-intro-right p {
  10898. display: inline;
  10899. margin: 0;
  10900. padding: 0;
  10901. }
  10902. .am-list-news-hd {
  10903. padding-top: 1.2rem;
  10904. padding-bottom: 0.8rem;
  10905. }
  10906. .am-list-news-hd a {
  10907. display: block;
  10908. }
  10909. .am-list-news-hd h2 {
  10910. font-size: 1.6rem;
  10911. float: left;
  10912. margin: 0;
  10913. height: 2rem;
  10914. line-height: 2rem;
  10915. }
  10916. .am-list-news-hd h3 {
  10917. margin: 0;
  10918. }
  10919. .am-list-news-hd .am-list-news-more {
  10920. font-size: 1.3rem;
  10921. height: 2rem;
  10922. line-height: 2rem;
  10923. }
  10924. .am-list .am-list-item-dated a {
  10925. padding-right: 80px;
  10926. display: block;
  10927. word-wrap: normal;
  10928. /* for IE */
  10929. text-overflow: ellipsis;
  10930. white-space: nowrap;
  10931. overflow: hidden;
  10932. }
  10933. .am-list .am-list-item-dated a::after {
  10934. display: none;
  10935. }
  10936. .am-list .am-list-item-desced a,
  10937. .am-list .am-list-item-thumbed a {
  10938. padding-right: 0;
  10939. }
  10940. .am-list-news .am-list-item-hd {
  10941. margin: 0;
  10942. }
  10943. .am-list-date {
  10944. position: absolute;
  10945. right: 5px;
  10946. font-size: 1.3rem;
  10947. top: 1.3rem;
  10948. }
  10949. .am-list-item-desced {
  10950. padding-bottom: 1rem;
  10951. }
  10952. .am-list-item-desced > a {
  10953. padding: 1rem 0;
  10954. }
  10955. .am-list-item-desced .am-list-date {
  10956. position: static;
  10957. }
  10958. .am-list-item-thumbed {
  10959. padding-top: 1em;
  10960. }
  10961. .am-list-news-ft {
  10962. text-align: center;
  10963. }
  10964. /**
  10965. * list_news Theme: default
  10966. */
  10967. .am-list-news-default {
  10968. margin: 10px;
  10969. }
  10970. .am-list-news-default .am-g {
  10971. margin-left: auto;
  10972. margin-right: auto;
  10973. }
  10974. .am-list-news-default .am-list-item-hd {
  10975. font-weight: normal;
  10976. }
  10977. .am-list-news-default .am-list-date {
  10978. color: #999999;
  10979. }
  10980. .am-list-news-default .am-list > li {
  10981. border-color: #dedede;
  10982. }
  10983. .am-list-news-default .am-list .am-list-item-desced {
  10984. padding-top: 1rem;
  10985. padding-bottom: 1rem;
  10986. }
  10987. .am-list-news-default .am-list .am-list-item-desced > a {
  10988. padding: 0;
  10989. }
  10990. .am-list-news-default .am-list .am-list-item-desced .am-list-item-text {
  10991. margin-top: 0.5rem;
  10992. color: #757575;
  10993. }
  10994. .am-list-news-default .am-list .am-list-item-text {
  10995. overflow: hidden;
  10996. text-overflow: ellipsis;
  10997. display: -webkit-box;
  10998. -webkit-box-orient: vertical;
  10999. line-height: 1.3em;
  11000. -webkit-line-clamp: 2;
  11001. /* number of lines to show */
  11002. max-height: 2.6em;
  11003. }
  11004. .am-list-news-default .am-list .am-list-item-thumb-top .am-list-thumb {
  11005. padding: 0;
  11006. margin-bottom: 0.8rem;
  11007. }
  11008. .am-list-news-default .am-list .am-list-item-thumb-top .am-list-main {
  11009. padding: 0;
  11010. }
  11011. .am-list-news-default .am-list .am-list-item-thumb-left .am-list-thumb {
  11012. padding-left: 0;
  11013. }
  11014. .am-list-news-default .am-list .am-list-item-desced .am-list-main {
  11015. padding: 0;
  11016. }
  11017. .am-list-news-default .am-list .am-list-item-thumb-right .am-list-thumb {
  11018. padding-right: 0;
  11019. }
  11020. .am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-item-hd {
  11021. clear: both;
  11022. padding-bottom: 0.5rem;
  11023. }
  11024. .am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-thumb {
  11025. padding-left: 0;
  11026. }
  11027. .am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-item-hd {
  11028. clear: both;
  11029. padding-bottom: 0.5rem;
  11030. }
  11031. .am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-thumb {
  11032. padding-right: 0;
  11033. }
  11034. .am-list-news-default .am-list .am-list-thumb img {
  11035. width: 100%;
  11036. display: block;
  11037. }
  11038. @media only screen and (max-width: 640px) {
  11039. .am-list-news-default .am-list-item-thumb-left .am-list-thumb,
  11040. .am-list-news-default .am-list-item-thumb-right .am-list-thumb {
  11041. max-height: 80px;
  11042. overflow: hidden;
  11043. }
  11044. .am-list-news-default .am-list-item-thumb-bottom-left .am-list-item-text,
  11045. .am-list-news-default .am-list-item-thumb-bottom-right .am-list-item-text {
  11046. -webkit-line-clamp: 3;
  11047. /* number of lines to show */
  11048. max-height: 3.9em;
  11049. }
  11050. .am-list-news-default .am-list-item-thumb-bottom-left .am-list-thumb,
  11051. .am-list-news-default .am-list-item-thumb-bottom-right .am-list-thumb {
  11052. max-height: 60px;
  11053. overflow: hidden;
  11054. }
  11055. }
  11056. /**
  11057. * list_news Theme: one
  11058. * Author: hzp (hzp@yunshipei.com)
  11059. */
  11060. .am-list-news-one {
  11061. margin: 0 10px;
  11062. }
  11063. .am-list-news-one .am-list-news-hd {
  11064. background: #ffffff;
  11065. height: 40px;
  11066. line-height: 40px;
  11067. border-bottom: 1px solid #15afef;
  11068. padding: 0 0 0 10px;
  11069. margin: 0;
  11070. position: relative;
  11071. color: #000000;
  11072. }
  11073. .am-list-news-one .am-list-news-hd::before {
  11074. width: 4px;
  11075. height: 30px;
  11076. background: #15afef;
  11077. display: inline-block;
  11078. content: '';
  11079. position: absolute;
  11080. top: 5px;
  11081. left: 0;
  11082. }
  11083. .am-list-news-one .am-list-news-hd > a {
  11084. color: #000000;
  11085. display: inline;
  11086. }
  11087. .am-list-news-one .am-list-news-hd > a .am-list-news-more {
  11088. color: #888888;
  11089. padding: 0;
  11090. margin-right: 5px;
  11091. background: none;
  11092. font-size: 1.4rem;
  11093. height: 40px;
  11094. line-height: 40px;
  11095. }
  11096. .am-list-news-one .am-list-news-hd h2 {
  11097. font-weight: normal;
  11098. float: left;
  11099. line-height: 40px;
  11100. height: 40px;
  11101. }
  11102. .am-list-news-one .am-list-news-bd {
  11103. padding: 0px 5px 4px 5px;
  11104. background: #ffffff;
  11105. }
  11106. .am-list-news-one .am-list {
  11107. margin-bottom: 0;
  11108. }
  11109. .am-list-news-one .am-list > li {
  11110. margin: 0;
  11111. border: 0;
  11112. overflow: hidden;
  11113. }
  11114. .am-list-news-one .am-list > li > a {
  11115. color: #222222;
  11116. font-weight: normal;
  11117. display: block;
  11118. word-wrap: normal;
  11119. /* for IE */
  11120. text-overflow: ellipsis;
  11121. white-space: nowrap;
  11122. overflow: hidden;
  11123. height: 30px;
  11124. line-height: 30px;
  11125. padding: 0;
  11126. position: relative;
  11127. text-indent: 10px;
  11128. }
  11129. .am-list-news-one .am-list > li > a:before {
  11130. width: 4px;
  11131. height: 4px;
  11132. background: #15afef;
  11133. display: inline-block;
  11134. content: '';
  11135. position: absolute;
  11136. top: 14px;
  11137. left: 0;
  11138. }
  11139. .am-list-news-one .am-list > li .am-list-date {
  11140. color: #666666;
  11141. top: 5px;
  11142. right: 0;
  11143. display: none;
  11144. }
  11145. .am-list-news-one .am-list > li:last-child {
  11146. border-bottom: 0;
  11147. }
  11148. .am-list-news-one .am-list .am-list-item-dated > a {
  11149. color: #222222;
  11150. }
  11151. .am-list-news-one .am-list .am-list-item-desced {
  11152. padding: 3px 0;
  11153. border-bottom: 1px dashed #dfdfdf;
  11154. }
  11155. .am-list-news-one .am-list .am-list-item-desced:before {
  11156. display: none;
  11157. }
  11158. .am-list-news-one .am-list .am-list-item-desced .am-list-item-hd {
  11159. font-weight: normal;
  11160. font-size: 1.5rem;
  11161. margin-bottom: 0;
  11162. }
  11163. .am-list-news-one .am-list .am-list-item-desced .am-list-item-hd > a:before {
  11164. display: none;
  11165. }
  11166. .am-list-news-one .am-list .am-list-item-desced a.am-list-item-hd {
  11167. height: 34px;
  11168. line-height: 34px;
  11169. padding: 0;
  11170. color: #15afef;
  11171. display: block;
  11172. word-wrap: normal;
  11173. /* for IE */
  11174. text-overflow: ellipsis;
  11175. white-space: nowrap;
  11176. overflow: hidden;
  11177. text-indent: 0;
  11178. }
  11179. .am-list-news-one .am-list .am-list-item-desced a.am-list-item-hd:before {
  11180. display: none;
  11181. }
  11182. .am-list-news-one .am-list .am-list-item-desced .am-list-item-text {
  11183. color: #666666;
  11184. line-height: 22px;
  11185. font-size: 1.4rem;
  11186. max-height: none;
  11187. margin-bottom: 8px;
  11188. }
  11189. .am-list-news-one .am-list .am-list-item-desced .am-list-item-text a {
  11190. color: #666666;
  11191. }
  11192. .am-list-news-one .am-list .am-list-item-desced .am-list-main {
  11193. padding: 0 5px;
  11194. position: relative;
  11195. }
  11196. .am-list-news-one .am-list .am-list-item-desced .am-list-main .am-list-date {
  11197. position: absolute;
  11198. right: 5px;
  11199. top: 3.5rem;
  11200. font-size: 1.2rem;
  11201. color: #888888;
  11202. }
  11203. .am-list-news-one .am-list .am-list-item-desced .am-list-main .am-list-item-text {
  11204. max-height: 3rem;
  11205. overflow: hidden;
  11206. font-size: 1.2rem;
  11207. line-height: 18px;
  11208. color: #666666;
  11209. }
  11210. .am-list-news-one .am-list .am-list-item-desced .am-list-main .am-list-item-text a {
  11211. color: #666666;
  11212. }
  11213. .am-list-news-one .am-list .am-list-item-thumbed {
  11214. border-bottom: 1px dashed #dfdfdf;
  11215. padding: 0 0 5px 0;
  11216. }
  11217. .am-list-news-one .am-list .am-list-item-thumbed:before {
  11218. content: none;
  11219. }
  11220. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-hd {
  11221. font-weight: normal;
  11222. height: 30px;
  11223. line-height: 30px;
  11224. margin-bottom: 0;
  11225. }
  11226. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-hd a {
  11227. font-size: 1.5rem;
  11228. color: #15afef;
  11229. display: block;
  11230. word-wrap: normal;
  11231. /* for IE */
  11232. text-overflow: ellipsis;
  11233. white-space: nowrap;
  11234. overflow: hidden;
  11235. padding: 0;
  11236. text-indent: 0;
  11237. }
  11238. .am-list-news-one .am-list .am-list-item-thumbed .am-list-thumb {
  11239. padding: 0;
  11240. height: 60px;
  11241. }
  11242. .am-list-news-one .am-list .am-list-item-thumbed .am-list-thumb a {
  11243. width: 100%;
  11244. display: block;
  11245. padding: 0;
  11246. text-indent: 0;
  11247. height: 60px;
  11248. }
  11249. .am-list-news-one .am-list .am-list-item-thumbed .am-list-thumb a img {
  11250. width: 100%;
  11251. height: 60px;
  11252. vertical-align: top;
  11253. }
  11254. .am-list-news-one .am-list .am-list-item-thumbed .am-list-main {
  11255. padding: 0 5px 14px 5px;
  11256. position: relative;
  11257. }
  11258. .am-list-news-one .am-list .am-list-item-thumbed .am-list-date {
  11259. position: absolute;
  11260. right: 5px;
  11261. top: 3.5rem;
  11262. font-size: 1.2rem;
  11263. color: #888888;
  11264. }
  11265. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-text {
  11266. max-height: 3rem;
  11267. overflow: hidden;
  11268. font-size: 1.2rem;
  11269. line-height: 18px;
  11270. color: #666666;
  11271. }
  11272. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-text a {
  11273. color: #666666;
  11274. }
  11275. .am-list-news-one .am-list-news-more {
  11276. background: #dfdfdf;
  11277. color: #666666;
  11278. height: 35px;
  11279. line-height: 35px;
  11280. font-size: 1.4rem;
  11281. display: block;
  11282. border: 0;
  11283. border-radius: 0;
  11284. padding: 0;
  11285. }
  11286. @media only screen and (max-width: 640px) {
  11287. .am-list-news-one .am-list-item-thumb-left .am-list-thumb,
  11288. .am-list-news-one .am-list-item-thumb-right .am-list-thumb {
  11289. max-height: 80px;
  11290. overflow: hidden;
  11291. }
  11292. .am-list-news-one .am-list-item-thumb-bottom-left .am-list-item-text,
  11293. .am-list-news-one .am-list-item-thumb-bottom-right .am-list-item-text {
  11294. -webkit-line-clamp: 3;
  11295. /* number of lines to show */
  11296. max-height: 3.9em;
  11297. }
  11298. .am-list-news-one .am-list-item-thumb-bottom-left .am-list-thumb,
  11299. .am-list-news-one .am-list-item-thumb-bottom-right .am-list-thumb {
  11300. max-height: 60px;
  11301. overflow: hidden;
  11302. }
  11303. }
  11304. .am-map {
  11305. width: 100%;
  11306. height: 300px;
  11307. }
  11308. /**
  11309. * Accordion Theme: default
  11310. * Author: Hzp (hzp@yunshipei.com)
  11311. */
  11312. .am-map-default #bd-map {
  11313. width: 100%;
  11314. height: 100%;
  11315. overflow: hidden;
  11316. margin: 0;
  11317. font-size: 14px;
  11318. line-height: 1.4!important;
  11319. }
  11320. .am-map-default .BMap_bubble_title {
  11321. font-weight: bold;
  11322. }
  11323. .am-map-default #BMap_mask {
  11324. width: 100%;
  11325. }
  11326. .am-mechat {
  11327. margin: 1rem;
  11328. }
  11329. .am-mechat .section-cbox-wap .cbox-post-wap .post-action-wap .action-function-wap .function-list-wap .list-upload-wap .upload-mutual-wap {
  11330. -webkit-box-sizing: content-box;
  11331. box-sizing: content-box;
  11332. }
  11333. .am-menu {
  11334. position: relative;
  11335. padding: 0;
  11336. margin: 0;
  11337. }
  11338. .am-menu ul {
  11339. padding: 0;
  11340. margin: 0;
  11341. }
  11342. .am-menu li {
  11343. list-style: none;
  11344. }
  11345. .am-menu a:after,
  11346. .am-menu a:before {
  11347. display: inline-block;
  11348. font-family: "FontAwesome", sans-serif;
  11349. font-weight: normal;
  11350. font-style: normal;
  11351. vertical-align: baseline;
  11352. line-height: 1;
  11353. -webkit-font-smoothing: antialiased;
  11354. -moz-osx-font-smoothing: grayscale;
  11355. }
  11356. .am-menu-sub {
  11357. z-index: 1050;
  11358. }
  11359. .am-menu-toggle {
  11360. display: none;
  11361. }
  11362. .am-menu-toggle img {
  11363. display: inline-block;
  11364. height: 16px;
  11365. width: auto;
  11366. vertical-align: middle;
  11367. }
  11368. .am-menu-nav a {
  11369. display: block;
  11370. padding: 0.8rem 0;
  11371. -webkit-transition: all 0.45s;
  11372. transition: all 0.45s;
  11373. }
  11374. /**
  11375. * Menu Theme: default
  11376. * Author: Minwe (minwe@yunshipei.com)
  11377. */
  11378. .am-menu-default .am-menu-nav {
  11379. padding-top: 8px;
  11380. padding-bottom: 8px;
  11381. }
  11382. .am-menu-default .am-menu-nav a {
  11383. text-align: center;
  11384. height: 36px;
  11385. line-height: 36px;
  11386. display: block;
  11387. word-wrap: normal;
  11388. /* for IE */
  11389. text-overflow: ellipsis;
  11390. white-space: nowrap;
  11391. overflow: hidden;
  11392. padding: 0;
  11393. color: #0e90d2;
  11394. }
  11395. .am-menu-default .am-menu-nav > .am-parent > a {
  11396. position: relative;
  11397. -webkit-transition: .15s;
  11398. transition: .15s;
  11399. }
  11400. .am-menu-default .am-menu-nav > .am-parent > a:after {
  11401. content: "\f107";
  11402. margin-left: 5px;
  11403. -webkit-transition: .15s;
  11404. transition: .15s;
  11405. }
  11406. .am-menu-default .am-menu-nav > .am-parent > a:before {
  11407. position: absolute;
  11408. top: 100%;
  11409. margin-top: -16px;
  11410. left: 50%;
  11411. margin-left: -12px;
  11412. content: "\f0d8";
  11413. display: none;
  11414. color: #f1f1f1;
  11415. font-size: 24px;
  11416. }
  11417. .am-menu-default .am-menu-nav > .am-parent.am-open > a {
  11418. color: #095f8a;
  11419. }
  11420. .am-menu-default .am-menu-nav > .am-parent.am-open > a:before {
  11421. display: block;
  11422. }
  11423. .am-menu-default .am-menu-nav > .am-parent.am-open > a:after {
  11424. -webkit-transform: rotate(-180deg);
  11425. -ms-transform: rotate(-180deg);
  11426. transform: rotate(-180deg);
  11427. }
  11428. .am-menu-default .am-menu-sub {
  11429. position: absolute;
  11430. left: 5px;
  11431. right: 5px;
  11432. background-color: #f1f1f1;
  11433. border-radius: 2px;
  11434. padding-top: 8px;
  11435. padding-bottom: 8px;
  11436. }
  11437. .am-menu-default .am-menu-sub > li > a {
  11438. color: #555555;
  11439. }
  11440. @media only screen and (min-width:641px) {
  11441. .am-menu-default .am-menu-nav li {
  11442. width: auto;
  11443. float: left;
  11444. clear: none;
  11445. display: inline;
  11446. }
  11447. .am-menu-default .am-menu-nav a {
  11448. padding-left: 1.5rem;
  11449. padding-right: .5rem;
  11450. }
  11451. }
  11452. /**
  11453. /**
  11454. * Menu Theme: dropdown1
  11455. * Author: Minwe (minwe@yunshipei.com)
  11456. */
  11457. .am-menu-dropdown1 {
  11458. position: relative
  11459. /*@media @medium-up {
  11460. .am-menu-toggle {
  11461. display: none!important;
  11462. }
  11463. .am-menu-nav {
  11464. &.am-collapse {
  11465. display: block;
  11466. }
  11467. .am-menu-sub {
  11468. background-color: ;//@menu-sub-bg;
  11469. display: block;
  11470. & > li {
  11471. clear: none;
  11472. }
  11473. }
  11474. .am-menu-lv2 {
  11475. & > li {
  11476. clear: none;
  11477. width: auto;
  11478. }
  11479. }
  11480. }
  11481. }*/
  11482. }
  11483. .am-menu-dropdown1 .am-menu-toggle {
  11484. position: absolute;
  11485. right: 5px;
  11486. top: -47px;
  11487. display: block;
  11488. width: 44px;
  11489. height: 44px;
  11490. line-height: 44px;
  11491. text-align: center;
  11492. color: #ffffff;
  11493. }
  11494. .am-menu-dropdown1 a {
  11495. -webkit-transition: all .4s;
  11496. transition: all .4s;
  11497. display: block;
  11498. word-wrap: normal;
  11499. /* for IE */
  11500. text-overflow: ellipsis;
  11501. white-space: nowrap;
  11502. overflow: hidden;
  11503. }
  11504. .am-menu-dropdown1 .am-menu-nav {
  11505. position: absolute;
  11506. left: 0;
  11507. right: 0;
  11508. z-index: 1050;
  11509. }
  11510. .am-menu-dropdown1 .am-menu-nav a {
  11511. padding: 0.8rem;
  11512. }
  11513. .am-menu-dropdown1 .am-menu-nav > li {
  11514. width: 100%;
  11515. }
  11516. .am-menu-dropdown1 .am-menu-nav > li.am-parent > a {
  11517. position: relative;
  11518. }
  11519. .am-menu-dropdown1 .am-menu-nav > li.am-parent > a::before {
  11520. content: "\f067";
  11521. position: absolute;
  11522. right: 1rem;
  11523. top: 1.4rem;
  11524. }
  11525. .am-menu-dropdown1 .am-menu-nav > li.am-parent.am-open > a {
  11526. background-color: #0c80ba;
  11527. border-bottom: none;
  11528. color: #ffffff;
  11529. }
  11530. .am-menu-dropdown1 .am-menu-nav > li.am-parent.am-open > a:before {
  11531. content: "\f068";
  11532. }
  11533. .am-menu-dropdown1 .am-menu-nav > li.am-parent.am-open > a:after {
  11534. content: "";
  11535. display: inline-block;
  11536. width: 0;
  11537. height: 0;
  11538. vertical-align: middle;
  11539. border-top: 8px solid #0c80ba;
  11540. border-right: 8px solid transparent;
  11541. border-left: 8px solid transparent;
  11542. border-bottom: 0 dotted;
  11543. -webkit-transform: rotate(360deg);
  11544. -ms-transform: rotate(360deg);
  11545. transform: rotate(360deg);
  11546. position: absolute;
  11547. top: 100%;
  11548. left: 50%;
  11549. margin-left: -4px;
  11550. }
  11551. .am-menu-dropdown1 .am-menu-nav > li > a {
  11552. border-bottom: 1px solid #0b76ac;
  11553. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11554. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11555. background-color: #0e90d2;
  11556. color: #ffffff;
  11557. height: 49px;
  11558. line-height: 49px;
  11559. padding: 0;
  11560. text-indent: 10px;
  11561. }
  11562. .am-menu-dropdown1 .am-menu-sub {
  11563. background-color: #ffffff;
  11564. }
  11565. .am-menu-dropdown1 .am-menu-sub a {
  11566. color: #555555;
  11567. height: 44px;
  11568. line-height: 44px;
  11569. text-indent: 5px;
  11570. padding: 0;
  11571. }
  11572. .am-menu-dropdown1 .am-menu-sub a:before {
  11573. content: "\f105";
  11574. color: #aaaaaa;
  11575. font-size: 16px;
  11576. margin-right: 5px;
  11577. }
  11578. /**
  11579. * Menu Theme: dropdown2
  11580. * Author: Minwe (minwe@yunshipei.com)
  11581. */
  11582. .am-menu-dropdown2 .am-menu-toggle {
  11583. position: absolute;
  11584. right: 5px;
  11585. top: -47px;
  11586. display: block;
  11587. width: 44px;
  11588. height: 44px;
  11589. line-height: 44px;
  11590. text-align: center;
  11591. color: #ffffff;
  11592. }
  11593. .am-menu-dropdown2 .am-menu-nav {
  11594. position: absolute;
  11595. left: 0;
  11596. right: 0;
  11597. background-color: #f5f5f5;
  11598. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11599. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11600. z-index: 1050;
  11601. padding-top: 8px;
  11602. padding-bottom: 8px;
  11603. }
  11604. .am-menu-dropdown2 .am-menu-nav a {
  11605. height: 38px;
  11606. line-height: 38px;
  11607. padding: 0;
  11608. text-align: center;
  11609. }
  11610. .am-menu-dropdown2 .am-menu-nav > li > a {
  11611. color: #333333;
  11612. }
  11613. .am-menu-dropdown2 .am-menu-nav > li.am-parent > a {
  11614. position: relative;
  11615. }
  11616. .am-menu-dropdown2 .am-menu-nav > li.am-parent > a:after {
  11617. content: "\f107";
  11618. margin-left: 5px;
  11619. -webkit-transition: -webkit-transform .2s;
  11620. transition: transform .2s;
  11621. }
  11622. .am-menu-dropdown2 .am-menu-nav > li.am-parent.am-open > a {
  11623. position: relative;
  11624. }
  11625. .am-menu-dropdown2 .am-menu-nav > li.am-parent.am-open > a:after {
  11626. color: #0e90d2;
  11627. -webkit-transform: rotate(180deg);
  11628. -ms-transform: rotate(180deg);
  11629. transform: rotate(180deg);
  11630. }
  11631. .am-menu-dropdown2 .am-menu-nav > li.am-parent.am-open > a:before {
  11632. position: absolute;
  11633. top: 100%;
  11634. margin-top: -16px;
  11635. left: 50%;
  11636. margin-left: -12px;
  11637. font-size: 24px;
  11638. content: "\f0d8";
  11639. color: rgba(0, 0, 0, 0.2);
  11640. }
  11641. .am-menu-dropdown2 .am-menu-sub {
  11642. position: absolute;
  11643. left: 5px;
  11644. right: 5px;
  11645. padding: 8px 0;
  11646. border-radius: 2px;
  11647. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  11648. box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  11649. background-color: #ffffff;
  11650. z-index: 1055;
  11651. }
  11652. .am-menu-dropdown2 .am-menu-sub a {
  11653. padding: 0;
  11654. height: 35px;
  11655. color: #555555;
  11656. line-height: 35px;
  11657. }
  11658. @media only screen and (min-width:641px) {
  11659. .am-menu-dropdown2 .am-menu-toggle {
  11660. display: none !important;
  11661. }
  11662. .am-menu-dropdown2 .am-menu-nav {
  11663. position: static;
  11664. display: block;
  11665. }
  11666. .am-menu-dropdown2 .am-menu-nav > li {
  11667. float: none;
  11668. width: auto;
  11669. display: inline-block;
  11670. }
  11671. .am-menu-dropdown2 .am-menu-nav > li a {
  11672. padding-left: 1.5rem;
  11673. padding-right: 1.5rem;
  11674. }
  11675. .am-menu-dropdown2 .am-menu-sub {
  11676. left: auto;
  11677. right: auto;
  11678. }
  11679. .am-menu-dropdown2 .am-menu-sub > li {
  11680. float: none;
  11681. width: auto;
  11682. }
  11683. .am-menu-dropdown2 .am-menu-sub a {
  11684. padding-left: 2rem;
  11685. padding-right: 2rem;
  11686. }
  11687. }
  11688. /**
  11689. * Menu Theme: slide1
  11690. * Author: Minwe (minwe@yunshipei.com)
  11691. */
  11692. .am-menu-slide1 .am-menu-toggle {
  11693. position: absolute;
  11694. right: 5px;
  11695. top: -47px;
  11696. display: block;
  11697. width: 44px;
  11698. height: 44px;
  11699. line-height: 44px;
  11700. text-align: center;
  11701. color: #ffffff;
  11702. }
  11703. .am-menu-slide1 .am-menu-nav {
  11704. background-color: #f5f5f5;
  11705. padding-top: 8px;
  11706. padding-bottom: 8px;
  11707. }
  11708. .am-menu-slide1 .am-menu-nav.am-in:before {
  11709. display: inline-block;
  11710. font-family: "FontAwesome", sans-serif;
  11711. font-weight: normal;
  11712. font-style: normal;
  11713. vertical-align: baseline;
  11714. line-height: 1;
  11715. -webkit-font-smoothing: antialiased;
  11716. -moz-osx-font-smoothing: grayscale;
  11717. content: "\f0d8";
  11718. font-size: 24px;
  11719. color: #f5f5f5;
  11720. position: absolute;
  11721. right: 16px;
  11722. top: -16px;
  11723. }
  11724. .am-menu-slide1 .am-menu-nav a {
  11725. line-height: 38px;
  11726. height: 38px;
  11727. display: block;
  11728. padding: 0;
  11729. text-align: center;
  11730. }
  11731. .am-menu-slide1 .am-menu-nav > li > a {
  11732. color: #333333;
  11733. display: block;
  11734. word-wrap: normal;
  11735. /* for IE */
  11736. text-overflow: ellipsis;
  11737. white-space: nowrap;
  11738. overflow: hidden;
  11739. }
  11740. .am-menu-slide1 .am-menu-nav > .am-parent > a {
  11741. position: relative;
  11742. -webkit-transition: .15s;
  11743. transition: .15s;
  11744. }
  11745. .am-menu-slide1 .am-menu-nav > .am-parent > a:after {
  11746. content: "\f107";
  11747. margin-left: 5px;
  11748. -webkit-transition: .15s;
  11749. transition: .15s;
  11750. }
  11751. .am-menu-slide1 .am-menu-nav > .am-parent > a:before {
  11752. position: absolute;
  11753. top: 100%;
  11754. margin-top: -16px;
  11755. left: 50%;
  11756. margin-left: -12px;
  11757. content: "\f0d8";
  11758. display: none;
  11759. color: #0e90d2;
  11760. font-size: 24px;
  11761. }
  11762. .am-menu-slide1 .am-menu-nav > .am-parent.am-open > a {
  11763. color: #0e90d2;
  11764. }
  11765. .am-menu-slide1 .am-menu-nav > .am-parent.am-open > a:before {
  11766. display: block;
  11767. }
  11768. .am-menu-slide1 .am-menu-nav > .am-parent.am-open > a:after {
  11769. -webkit-transform: rotate(-180deg);
  11770. -ms-transform: rotate(-180deg);
  11771. transform: rotate(-180deg);
  11772. }
  11773. .am-menu-slide1 .am-menu-sub {
  11774. position: absolute;
  11775. left: 5px;
  11776. right: 5px;
  11777. background-color: #0e90d2;
  11778. border-radius: 2px;
  11779. padding-top: 8px;
  11780. padding-bottom: 8px;
  11781. }
  11782. .am-menu-slide1 .am-menu-sub > li > a {
  11783. color: #ffffff;
  11784. }
  11785. @media only screen and (min-width:641px) {
  11786. .am-menu-slide1 .am-menu-toggle {
  11787. display: none !important;
  11788. }
  11789. .am-menu-slide1 .am-menu-nav {
  11790. background-color: #f5f5f5;
  11791. display: block;
  11792. }
  11793. .am-menu-slide1 .am-menu-nav.am-in:before {
  11794. display: none;
  11795. }
  11796. .am-menu-slide1 .am-menu-nav li {
  11797. width: auto;
  11798. clear: none;
  11799. }
  11800. .am-menu-slide1 .am-menu-nav li a {
  11801. padding-left: 1.5rem;
  11802. padding-right: 1.5rem;
  11803. }
  11804. }
  11805. /**
  11806. * Menu Theme: offcanvas1
  11807. * Author: Minwe (minwe@yunshipei.com)
  11808. */
  11809. .am-menu-offcanvas1 .am-menu-toggle {
  11810. position: absolute;
  11811. right: 5px;
  11812. top: -47px;
  11813. display: block;
  11814. width: 44px;
  11815. height: 44px;
  11816. line-height: 44px;
  11817. text-align: center;
  11818. color: #ffffff;
  11819. }
  11820. .am-menu-offcanvas1 .am-menu-nav {
  11821. border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  11822. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11823. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11824. }
  11825. .am-menu-offcanvas1 .am-menu-nav > li > a {
  11826. height: 44px;
  11827. line-height: 44px;
  11828. text-indent: 15px;
  11829. padding: 0;
  11830. position: relative;
  11831. color: #cccccc;
  11832. border-top: 1px solid rgba(0, 0, 0, 0.3);
  11833. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11834. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11835. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  11836. }
  11837. .am-menu-offcanvas1 .am-menu-nav > .am-open > a,
  11838. .am-menu-offcanvas1 .am-menu-nav > li > a:hover,
  11839. .am-menu-offcanvas1 .am-menu-nav > li > a:focus {
  11840. background-color: #474747;
  11841. color: #ffffff;
  11842. outline: none;
  11843. }
  11844. .am-menu-offcanvas1 .am-menu-nav > .am-active > a {
  11845. background-color: #1a1a1a;
  11846. color: #ffffff;
  11847. }
  11848. .am-menu-offcanvas1 .am-menu-nav > .am-parent > a {
  11849. -webkit-transition: all .3s;
  11850. transition: all .3s;
  11851. }
  11852. .am-menu-offcanvas1 .am-menu-nav > .am-parent > a:after {
  11853. content: "\f104";
  11854. position: absolute;
  11855. right: 1.5rem;
  11856. top: 1.3rem;
  11857. }
  11858. .am-menu-offcanvas1 .am-menu-nav > .am-parent.am-open > a:after {
  11859. content: "\f107";
  11860. }
  11861. .am-menu-offcanvas1 .am-menu-sub {
  11862. border-top: 1px solid rgba(0, 0, 0, 0.3);
  11863. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11864. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11865. padding: 5px 0 5px 15px;
  11866. background-color: #1a1a1a;
  11867. font-size: 1.4rem;
  11868. }
  11869. .am-menu-offcanvas1 .am-menu-sub a {
  11870. color: #eeeeee;
  11871. }
  11872. .am-menu-offcanvas1 .am-menu-sub a:hover {
  11873. color: #ffffff;
  11874. }
  11875. .am-menu-offcanvas1 .am-nav-divider {
  11876. border-top: 1px solid #1a1a1a;
  11877. }
  11878. /**
  11879. * Menu Theme: offcanvas2
  11880. * Author: Minwe (minwe@yunshipei.com)
  11881. */
  11882. .am-menu-offcanvas2 .am-menu-toggle {
  11883. position: absolute;
  11884. right: 5px;
  11885. top: -47px;
  11886. display: block;
  11887. width: 44px;
  11888. height: 44px;
  11889. line-height: 44px;
  11890. text-align: center;
  11891. color: #ffffff;
  11892. }
  11893. .am-menu-offcanvas2 .am-menu-nav {
  11894. padding: 10px 5px;
  11895. }
  11896. .am-menu-offcanvas2 .am-menu-nav > li {
  11897. padding: 5px;
  11898. }
  11899. .am-menu-offcanvas2 .am-menu-nav > li > a {
  11900. -webkit-transition: all 0.3s;
  11901. transition: all 0.3s;
  11902. background-color: #404040;
  11903. color: #cccccc;
  11904. display: block;
  11905. word-wrap: normal;
  11906. /* for IE */
  11907. text-overflow: ellipsis;
  11908. white-space: nowrap;
  11909. overflow: hidden;
  11910. border: 1px solid rgba(0, 0, 0, 0.3);
  11911. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11912. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11913. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  11914. height: 44px;
  11915. line-height: 44px;
  11916. padding: 0;
  11917. text-align: center;
  11918. }
  11919. .am-menu-offcanvas2 .am-menu-nav > li > a:hover,
  11920. .am-menu-offcanvas2 .am-menu-nav > li > a:focus {
  11921. background-color: #262626;
  11922. color: #ffffff;
  11923. outline: none;
  11924. }
  11925. .am-menu-offcanvas2 .am-menu-nav > .am-active > a {
  11926. background-color: #262626;
  11927. color: #ffffff;
  11928. }
  11929. /**
  11930. * Menu Theme: stack
  11931. * Author: Minwe (minwe@yunshipei.com)
  11932. */
  11933. .am-menu-stack .am-menu-nav {
  11934. border-bottom: 1px solid #dedede;
  11935. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11936. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11937. }
  11938. .am-menu-stack .am-menu-nav > .am-parent > a {
  11939. -webkit-transition: all .3s;
  11940. transition: all .3s;
  11941. }
  11942. .am-menu-stack .am-menu-nav > .am-parent > a:after {
  11943. content: "\f105";
  11944. position: absolute;
  11945. right: 1.5rem;
  11946. top: 1.3rem;
  11947. -webkit-transition: all .15s;
  11948. transition: all .15s;
  11949. }
  11950. .am-menu-stack .am-menu-nav > .am-parent.am-open > a:after {
  11951. -webkit-transform: rotate(90deg);
  11952. -ms-transform: rotate(90deg);
  11953. transform: rotate(90deg);
  11954. }
  11955. .am-menu-stack .am-menu-nav > li > a {
  11956. position: relative;
  11957. color: #333333;
  11958. background-color: #f5f5f5;
  11959. border-top: 1px solid #dedede;
  11960. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11961. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11962. height: 49px;
  11963. line-height: 49px;
  11964. text-indent: 10px;
  11965. padding: 0;
  11966. }
  11967. .am-menu-stack .am-menu-nav > .am-open > a,
  11968. .am-menu-stack .am-menu-nav > li > a:hover,
  11969. .am-menu-stack .am-menu-nav > li > a:focus {
  11970. background-color: #e5e5e5;
  11971. color: #222222;
  11972. outline: none;
  11973. }
  11974. .am-menu-stack .am-menu-sub {
  11975. padding: 0;
  11976. font-size: 1.4rem;
  11977. border-top: 1px solid #dedede;
  11978. }
  11979. .am-menu-stack .am-menu-sub a {
  11980. border-bottom: 1px solid #dedede;
  11981. padding-left: 2rem;
  11982. color: #444444;
  11983. }
  11984. .am-menu-stack .am-menu-sub a:hover {
  11985. color: #333333;
  11986. }
  11987. .am-menu-stack .am-menu-sub li:last-child a {
  11988. border-bottom: none;
  11989. }
  11990. .am-menu-stack .am-menu-sub > li > a {
  11991. height: 44px;
  11992. line-height: 44px;
  11993. text-indent: 15px;
  11994. padding: 0;
  11995. }
  11996. @media only screen and (min-width:641px) {
  11997. .am-menu-stack .am-menu-nav {
  11998. background-color: #f5f5f5;
  11999. }
  12000. .am-menu-stack .am-menu-nav > li {
  12001. float: left;
  12002. width: auto;
  12003. clear: none !important;
  12004. display: inline-block;
  12005. }
  12006. .am-menu-stack .am-menu-nav > li a {
  12007. padding-left: 1.5rem;
  12008. padding-right: 1.5rem;
  12009. }
  12010. .am-menu-stack .am-menu-nav > li.am-parent > a:after {
  12011. position: static;
  12012. content: "\f107";
  12013. }
  12014. .am-menu-stack .am-menu-nav > li.am-parent.am-open a {
  12015. border-bottom: none;
  12016. }
  12017. .am-menu-stack .am-menu-nav > li.am-parent.am-open a:after {
  12018. -webkit-transform: rotateX(-180deg);
  12019. transform: rotateX(-180deg);
  12020. }
  12021. .am-menu-stack .am-menu-nav > li.am-parent.am-open .am-menu-sub {
  12022. background-color: #e5e5e5;
  12023. }
  12024. .am-menu-stack .am-menu-sub {
  12025. position: absolute;
  12026. left: 0;
  12027. right: 0;
  12028. background-color: #ddd;
  12029. border-top: none;
  12030. }
  12031. .am-menu-stack .am-menu-sub li {
  12032. width: auto;
  12033. float: left;
  12034. clear: none;
  12035. }
  12036. }
  12037. /**
  12038. * Menu Theme: one
  12039. * Author: one (hzp@yunshipei.com)
  12040. */
  12041. .am-menu-one {
  12042. padding-left: 10px;
  12043. padding-right: 10px;
  12044. margin-bottom: 10px;
  12045. background-color: #f5f5f5;
  12046. -webkit-box-shadow: 0 2px 10px #d7d7d7;
  12047. box-shadow: 0 2px 10px #d7d7d7;
  12048. height: 40px;
  12049. }
  12050. .am-menu-one .am-menu-nav-wrap {
  12051. overflow: hidden;
  12052. }
  12053. .am-menu-one .am-menu-nav {
  12054. height: 40px;
  12055. }
  12056. .am-menu-one .am-menu-nav:before,
  12057. .am-menu-one .am-menu-nav:after {
  12058. content: " ";
  12059. display: table;
  12060. }
  12061. .am-menu-one .am-menu-nav:after {
  12062. clear: both;
  12063. }
  12064. .am-menu-one .am-menu-nav > li {
  12065. float: left;
  12066. clear: none;
  12067. width: auto;
  12068. }
  12069. .am-menu-one .am-menu-nav > li > a {
  12070. display: block;
  12071. height: 40px;
  12072. line-height: 40px;
  12073. padding: 0 10px;
  12074. color: #7d7d7d;
  12075. }
  12076. .am-menu-one .am-menu-nav .am-active > a {
  12077. color: #555555;
  12078. border-bottom: 2px solid #15afef;
  12079. }
  12080. .am-menu-one .am-menu-nav .am-open > a {
  12081. position: relative;
  12082. }
  12083. .am-menu-one .am-menu-nav .am-open > a:before {
  12084. position: absolute;
  12085. top: 100%;
  12086. left: 50%;
  12087. margin-top: -6px;
  12088. margin-left: -6px;
  12089. content: '';
  12090. display: inline-block;
  12091. width: 0;
  12092. height: 0;
  12093. vertical-align: middle;
  12094. border-bottom: 6px solid #15afef;
  12095. border-right: 6px solid transparent;
  12096. border-left: 6px solid transparent;
  12097. border-top: 0 dotted;
  12098. -webkit-transform: rotate(360deg);
  12099. -ms-transform: rotate(360deg);
  12100. transform: rotate(360deg);
  12101. }
  12102. .am-menu-one .am-menu-nav-sub-wrap {
  12103. position: relative;
  12104. z-index: 1050;
  12105. }
  12106. .am-menu-one .am-menu-sub {
  12107. position: absolute;
  12108. top: 1px;
  12109. left: -5px;
  12110. right: -5px;
  12111. background-color: #ffffff;
  12112. border-radius: 2px;
  12113. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  12114. box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  12115. }
  12116. .am-menu-one .am-menu-sub li {
  12117. text-align: center;
  12118. }
  12119. .am-menu-one .am-menu-sub a {
  12120. padding: 0;
  12121. color: #555555;
  12122. line-height: 40px;
  12123. }
  12124. .am-navbar {
  12125. position: fixed;
  12126. left: 0;
  12127. bottom: 0;
  12128. width: 100%;
  12129. height: 49px;
  12130. line-height: 49px;
  12131. z-index: 1010;
  12132. }
  12133. .am-navbar ul {
  12134. padding-left: 0;
  12135. margin: 0;
  12136. list-style: none;
  12137. width: 100%;
  12138. }
  12139. .am-navbar .am-navbar-nav {
  12140. padding-left: 8px;
  12141. padding-right: 8px;
  12142. text-align: center;
  12143. overflow: hidden;
  12144. display: -webkit-box;
  12145. display: -webkit-flex;
  12146. display: -ms-flexbox;
  12147. display: flex;
  12148. }
  12149. .am-navbar .am-navbar-nav li {
  12150. -webkit-box-flex: 1;
  12151. -webkit-flex: 1;
  12152. -ms-flex: 1;
  12153. flex: 1;
  12154. float: none;
  12155. }
  12156. .am-navbar-nav {
  12157. position: relative;
  12158. z-index: 1015;
  12159. }
  12160. .am-navbar-nav a {
  12161. display: inline-block;
  12162. width: 100%;
  12163. height: 49px;
  12164. line-height: 20px;
  12165. }
  12166. .am-navbar-nav a img {
  12167. display: block;
  12168. vertical-align: middle;
  12169. height: 24px;
  12170. width: 24px;
  12171. margin: 4px auto 0;
  12172. }
  12173. .am-navbar-nav a [class*="am-icon"] {
  12174. width: 24px;
  12175. height: 24px;
  12176. margin: 4px auto 0;
  12177. display: block;
  12178. line-height: 24px;
  12179. }
  12180. .am-navbar-nav a [class*="am-icon"]:before {
  12181. font-size: 22px;
  12182. vertical-align: middle;
  12183. }
  12184. .am-navbar-nav a .am-navbar-label {
  12185. padding-top: 2px;
  12186. line-height: 1;
  12187. font-size: 12px;
  12188. display: block;
  12189. word-wrap: normal;
  12190. /* for IE */
  12191. text-overflow: ellipsis;
  12192. white-space: nowrap;
  12193. overflow: hidden;
  12194. }
  12195. .am-navbar-more [class*="am-icon-"] {
  12196. -webkit-transition: 0.15s;
  12197. transition: 0.15s;
  12198. }
  12199. .am-navbar-more.am-active [class*="am-icon-"] {
  12200. -webkit-transform: rotateX(-180deg);
  12201. transform: rotateX(-180deg);
  12202. }
  12203. .am-navbar-actions {
  12204. position: absolute;
  12205. bottom: 49px;
  12206. right: 0;
  12207. left: 0;
  12208. z-index: 1009;
  12209. opacity: 0;
  12210. -webkit-transition: .3s;
  12211. transition: .3s;
  12212. -webkit-transform: translate(0, 100%);
  12213. -ms-transform: translate(0, 100%);
  12214. transform: translate(0, 100%);
  12215. }
  12216. .am-navbar-actions.am-active {
  12217. opacity: 1;
  12218. -webkit-transform: translate(0, 0);
  12219. -ms-transform: translate(0, 0);
  12220. transform: translate(0, 0);
  12221. }
  12222. .am-navbar-actions li {
  12223. line-height: 42px;
  12224. position: relative;
  12225. }
  12226. .am-navbar-actions li a {
  12227. display: block;
  12228. width: 100%;
  12229. height: 40px;
  12230. -webkit-box-shadow: inset 0 1px rgba(220, 220, 220, 0.25);
  12231. box-shadow: inset 0 1px rgba(220, 220, 220, 0.25);
  12232. padding-left: 20px;
  12233. padding-right: 36px;
  12234. }
  12235. .am-navbar-actions li a :after {
  12236. font-family: "FontAwesome", sans-serif;
  12237. content: "\f105";
  12238. display: inline-block;
  12239. position: absolute;
  12240. top: 0;
  12241. right: 20px;
  12242. }
  12243. .am-navbar-actions li a img {
  12244. vertical-align: middle;
  12245. height: 20px;
  12246. width: 20px;
  12247. display: inline;
  12248. }
  12249. #am-navbar-qrcode {
  12250. width: 220px;
  12251. height: 220px;
  12252. margin-left: -110px;
  12253. }
  12254. #am-navbar-qrcode .am-modal-bd {
  12255. padding: 10px;
  12256. }
  12257. #am-navbar-qrcode canvas {
  12258. display: block;
  12259. width: 200px;
  12260. height: 200px;
  12261. }
  12262. .am-with-fixed-navbar {
  12263. padding-bottom: 54px;
  12264. }
  12265. /**
  12266. * Navbar Theme: default
  12267. * Author: hzp (hzp@yunshipei.com)
  12268. */
  12269. .am-navbar-default a {
  12270. color: #ffffff;
  12271. }
  12272. .am-navbar-default .am-navbar-nav {
  12273. background-color: #0e90d2;
  12274. }
  12275. .am-navbar-default .am-navbar-actions {
  12276. background-color: #0d86c4;
  12277. }
  12278. .am-navbar-default .am-navbar-actions a {
  12279. border-bottom: 1px solid #0b6fa2;
  12280. }
  12281. /**
  12282. * Navbar Theme: one
  12283. * Author: hzp (hzp@yunshipei.com)
  12284. */
  12285. .am-navbar-one a {
  12286. color: #ffffff;
  12287. }
  12288. .am-navbar-one .am-navbar-nav {
  12289. background-color: #15afef;
  12290. }
  12291. .am-navbar-one .am-navbar-actions {
  12292. background-color: #0f9fdb;
  12293. }
  12294. .am-navbar-one .am-navbar-actions a {
  12295. border-bottom: 1px solid #0d87ba;
  12296. }
  12297. .am-pagination {
  12298. position: relative;
  12299. }
  12300. /**
  12301. * Pagination Theme: default
  12302. */
  12303. .am-pagination-default {
  12304. margin-left: 10px;
  12305. margin-right: 10px;
  12306. font-size: 1.6rem;
  12307. }
  12308. .am-pagination-default .am-pagination-prev,
  12309. .am-pagination-default .am-pagination-next {
  12310. float: none;
  12311. }
  12312. /**
  12313. * Pagination Theme: select
  12314. */
  12315. .am-pagination-select {
  12316. margin-left: 10px;
  12317. margin-right: 10px;
  12318. font-size: 1.6rem;
  12319. }
  12320. .am-pagination-select > li > a {
  12321. line-height: 36px;
  12322. background-color: #eeeeee;
  12323. padding: 0 15px;
  12324. border: 0;
  12325. color: #555555;
  12326. }
  12327. .am-pagination-select .am-pagination-select {
  12328. position: absolute;
  12329. top: 0;
  12330. left: 50%;
  12331. margin-left: -35px;
  12332. width: 70px;
  12333. height: 36px;
  12334. text-align: center;
  12335. border-radius: 2px;
  12336. }
  12337. .am-pagination-select .am-pagination-select select {
  12338. display: block;
  12339. border: 0;
  12340. line-height: 36px;
  12341. width: 70px;
  12342. height: 36px;
  12343. border-radius: 2px;
  12344. color: #555555;
  12345. background-color: #eeeeee;
  12346. -webkit-appearance: none;
  12347. -moz-appearance: none;
  12348. appearance: none;
  12349. padding-left: 18px;
  12350. }
  12351. /**
  12352. * Pagination Theme: one
  12353. */
  12354. .am-pagination-one {
  12355. margin-left: 10px;
  12356. margin-right: 10px;
  12357. text-align: center;
  12358. }
  12359. .am-pagination-one > li > a {
  12360. line-height: 36px;
  12361. background-color: #ffffff;
  12362. padding: 0 15px;
  12363. color: #555555;
  12364. }
  12365. .am-pagination-one .am-pagination-select {
  12366. float: left;
  12367. position: absolute;
  12368. top: 0;
  12369. left: 50%;
  12370. margin-left: -25px;
  12371. width: 50px;
  12372. height: 36px;
  12373. text-align: center;
  12374. }
  12375. .am-pagination-one .am-pagination-select select {
  12376. display: block;
  12377. line-height: 36px;
  12378. width: 50px;
  12379. height: 36px;
  12380. border-radius: 2px;
  12381. text-align: center;
  12382. -webkit-appearance: none;
  12383. -moz-appearance: none;
  12384. appearance: none;
  12385. padding-left: 18px;
  12386. background: #ffffff;
  12387. border: 1px solid #dfdfdf;
  12388. color: #555555;
  12389. }
  12390. .am-paragraph p {
  12391. margin: 10px 0;
  12392. }
  12393. .am-paragraph img {
  12394. max-width: 100%;
  12395. }
  12396. .am-paragraph h1,
  12397. .am-paragraph h2,
  12398. .am-paragraph h3,
  12399. .am-paragraph h4,
  12400. .am-paragraph h5,
  12401. .am-paragraph h6 {
  12402. color: #222222;
  12403. }
  12404. .am-paragraph table {
  12405. max-width: none;
  12406. }
  12407. .am-paragraph-table-container {
  12408. overflow: hidden;
  12409. background: #eeeeee;
  12410. max-width: none;
  12411. }
  12412. .am-paragraph-table-container table {
  12413. width: 100%;
  12414. max-width: none;
  12415. }
  12416. .am-paragraph-table-container table th {
  12417. background: #bce5fb;
  12418. height: 40px;
  12419. border: 1px solid #999999;
  12420. text-align: center;
  12421. }
  12422. .am-paragraph-table-container table td {
  12423. border: 1px solid #999999;
  12424. text-align: center;
  12425. vertical-align: middle;
  12426. background: #ffffff;
  12427. }
  12428. .am-paragraph-table-container table td p {
  12429. text-indent: 0;
  12430. font-size: 1.4rem;
  12431. }
  12432. .am-paragraph-table-container table td a {
  12433. font-size: 1.4rem;
  12434. }
  12435. /**
  12436. * Paragraph Theme: default
  12437. */
  12438. .am-paragraph-default {
  12439. margin: 0 10px;
  12440. color: #333333;
  12441. background-color: transparent;
  12442. }
  12443. .am-paragraph-default p {
  12444. font-size: 1.4rem;
  12445. }
  12446. .am-paragraph-default img {
  12447. max-width: 98%;
  12448. display: block;
  12449. margin: 5px auto;
  12450. border: 1px solid #eeeeee;
  12451. padding: 2px;
  12452. }
  12453. .am-paragraph-default a {
  12454. color: #0e90d2;
  12455. }
  12456. /**
  12457. * Paragraph Theme: one
  12458. */
  12459. .am-paragraph-one {
  12460. color: #555555;
  12461. background: #ffffff;
  12462. margin: 0 10px;
  12463. padding: 4px;
  12464. }
  12465. .am-paragraph-one h1,
  12466. .am-paragraph-one h2,
  12467. .am-paragraph-one h3,
  12468. .am-paragraph-one h4,
  12469. .am-paragraph-one h5,
  12470. .am-paragraph-one h6 {
  12471. color: #333333;
  12472. font-weight: normal;
  12473. margin-top: 0;
  12474. }
  12475. .am-paragraph-one h1 {
  12476. font-size: 2rem;
  12477. }
  12478. .am-paragraph-one h2,
  12479. .am-paragraph-one h3 {
  12480. font-size: 1.8rem;
  12481. }
  12482. .am-paragraph-one h4,
  12483. .am-paragraph-one h5 {
  12484. font-size: 1.6rem;
  12485. }
  12486. .am-paragraph-one h6 {
  12487. font-size: 1.4rem;
  12488. }
  12489. .am-paragraph-one hr {
  12490. background: #dfdfdf;
  12491. height: 1px;
  12492. border: 0;
  12493. overflow: hidden;
  12494. }
  12495. .am-paragraph-one img {
  12496. max-width: 100%;
  12497. display: block;
  12498. margin: 5px 0;
  12499. }
  12500. .am-paragraph-one a {
  12501. color: #333333;
  12502. }
  12503. .am-paragraph-one p,
  12504. .am-paragraph-one div,
  12505. .am-paragraph-one table {
  12506. font-size: 1.4rem;
  12507. margin: 0 0 1rem 0;
  12508. }
  12509. .am-paragraph-one ul,
  12510. .am-paragraph-one ol {
  12511. padding-left: 0;
  12512. }
  12513. .am-paragraph-one li {
  12514. list-style: none;
  12515. font-size: 1.4rem;
  12516. }
  12517. /**
  12518. * Slider Theme: a1
  12519. */
  12520. .am-slider-a1 {
  12521. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12522. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12523. /* Control Nav */
  12524. }
  12525. .am-slider-a1 .am-viewport {
  12526. max-height: 2000px;
  12527. -webkit-transition: all 1s ease;
  12528. transition: all 1s ease;
  12529. }
  12530. .loading .am-slider-a1 .am-viewport {
  12531. max-height: 300px;
  12532. }
  12533. .am-slider-a1 .am-control-nav {
  12534. width: 100%;
  12535. position: absolute;
  12536. bottom: 5px;
  12537. text-align: center;
  12538. line-height: 0;
  12539. }
  12540. .am-slider-a1 .am-control-nav li {
  12541. margin: 0 6px;
  12542. display: inline-block;
  12543. }
  12544. .am-slider-a1 .am-control-nav li a {
  12545. width: 8px;
  12546. height: 8px;
  12547. display: block;
  12548. background-color: rgba(0, 0, 0, 0.5);
  12549. cursor: pointer;
  12550. text-indent: -9999px;
  12551. border-radius: 50%;
  12552. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12553. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12554. }
  12555. .am-slider-a1 .am-control-nav li a:hover {
  12556. background-color: rgba(0, 0, 0, 0.7);
  12557. }
  12558. .am-slider-a1 .am-control-nav li a.am-active {
  12559. background-color: #0e90d2;
  12560. cursor: default;
  12561. }
  12562. .am-slider-a1 .am-direction-nav,
  12563. .am-slider-a1 .am-pauseplay {
  12564. display: none;
  12565. }
  12566. /**
  12567. * Slider Theme: a2
  12568. */
  12569. .am-slider-a2 {
  12570. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12571. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12572. /* Control Nav */
  12573. }
  12574. .am-slider-a2 .am-viewport {
  12575. max-height: 2000px;
  12576. -webkit-transition: all 1s ease;
  12577. transition: all 1s ease;
  12578. }
  12579. .loading .am-slider-a2 .am-viewport {
  12580. max-height: 300px;
  12581. }
  12582. .am-slider-a2 .am-control-nav {
  12583. width: 100%;
  12584. position: absolute;
  12585. bottom: 5px;
  12586. text-align: center;
  12587. line-height: 0;
  12588. }
  12589. .am-slider-a2 .am-control-nav li {
  12590. margin: 0 6px;
  12591. display: inline-block;
  12592. }
  12593. .am-slider-a2 .am-control-nav li a {
  12594. width: 8px;
  12595. height: 8px;
  12596. display: block;
  12597. background-color: rgba(0, 0, 0, 0.5);
  12598. cursor: pointer;
  12599. text-indent: -9999px;
  12600. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12601. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12602. }
  12603. .am-slider-a2 .am-control-nav li a:hover {
  12604. background-color: rgba(0, 0, 0, 0.7);
  12605. }
  12606. .am-slider-a2 .am-control-nav li a.am-active {
  12607. background: #0e93d7;
  12608. cursor: default;
  12609. }
  12610. .am-slider-a2 .am-direction-nav,
  12611. .am-slider-a2 .am-pauseplay {
  12612. display: none;
  12613. }
  12614. /**
  12615. * Slider Theme: a3
  12616. */
  12617. .am-slider-a3 {
  12618. margin-bottom: 20px;
  12619. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12620. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12621. /* Control Nav */
  12622. }
  12623. .am-slider-a3 .am-viewport {
  12624. max-height: 2000px;
  12625. -webkit-transition: all 1s ease;
  12626. transition: all 1s ease;
  12627. }
  12628. .loading .am-slider-a3 .am-viewport {
  12629. max-height: 300px;
  12630. }
  12631. .am-slider-a3 .am-control-nav {
  12632. width: 100%;
  12633. position: absolute;
  12634. bottom: -20px;
  12635. text-align: center;
  12636. height: 20px;
  12637. background-color: #000000;
  12638. padding-top: 5px;
  12639. line-height: 0;
  12640. }
  12641. .am-slider-a3 .am-control-nav li {
  12642. margin: 0 6px;
  12643. display: inline-block;
  12644. }
  12645. .am-slider-a3 .am-control-nav li a {
  12646. width: 8px;
  12647. height: 8px;
  12648. display: block;
  12649. background-color: rgba(0, 0, 0, 0.5);
  12650. cursor: pointer;
  12651. text-indent: -9999px;
  12652. border-radius: 50%;
  12653. -webkit-box-shadow: inset 0 0 3px rgba(200, 200, 200, 0.3);
  12654. box-shadow: inset 0 0 3px rgba(200, 200, 200, 0.3);
  12655. }
  12656. .am-slider-a3 .am-control-nav li a:hover {
  12657. background-color: rgba(0, 0, 0, 0.7);
  12658. }
  12659. .am-slider-a3 .am-control-nav li a.am-active {
  12660. background: #0e90d2;
  12661. cursor: default;
  12662. }
  12663. .am-slider-a3 .am-direction-nav,
  12664. .am-slider-a3 .am-pauseplay {
  12665. display: none;
  12666. }
  12667. /**
  12668. * Slider Theme: a4
  12669. */
  12670. .am-slider-a4 {
  12671. margin-bottom: 30px;
  12672. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12673. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12674. /* Control Nav */
  12675. }
  12676. .am-slider-a4 .am-viewport {
  12677. max-height: 2000px;
  12678. -webkit-transition: all 1s ease;
  12679. transition: all 1s ease;
  12680. }
  12681. .loading .am-slider-a4 .am-viewport {
  12682. max-height: 300px;
  12683. }
  12684. .am-slider-a4 .am-control-nav {
  12685. width: 100%;
  12686. position: absolute;
  12687. bottom: -15px;
  12688. text-align: center;
  12689. line-height: 0;
  12690. }
  12691. .am-slider-a4 .am-control-nav li {
  12692. margin: 0 6px;
  12693. display: inline-block;
  12694. }
  12695. .am-slider-a4 .am-control-nav li a {
  12696. width: 8px;
  12697. height: 8px;
  12698. display: block;
  12699. background-color: rgba(0, 0, 0, 0.5);
  12700. cursor: pointer;
  12701. text-indent: -9999px;
  12702. border-radius: 50%;
  12703. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12704. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12705. }
  12706. .am-slider-a4 .am-control-nav li a:hover {
  12707. background-color: rgba(0, 0, 0, 0.7);
  12708. }
  12709. .am-slider-a4 .am-control-nav li a.am-active {
  12710. background-color: #0e90d2;
  12711. cursor: default;
  12712. }
  12713. .am-slider-a4 .am-direction-nav,
  12714. .am-slider-a4 .am-pauseplay {
  12715. display: none;
  12716. }
  12717. /**
  12718. * Slider Theme: a5
  12719. */
  12720. .am-slider-a5 {
  12721. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12722. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12723. /* Control Nav */
  12724. }
  12725. .am-slider-a5 .am-viewport {
  12726. max-height: 2000px;
  12727. -webkit-transition: all 1s ease;
  12728. transition: all 1s ease;
  12729. }
  12730. .loading .am-slider-a5 .am-viewport {
  12731. max-height: 300px;
  12732. }
  12733. .am-slider-a5 .am-control-nav {
  12734. width: 100%;
  12735. position: absolute;
  12736. text-align: center;
  12737. height: 6px;
  12738. display: table;
  12739. bottom: 0;
  12740. font-size: 0;
  12741. line-height: 0;
  12742. }
  12743. .am-slider-a5 .am-control-nav li {
  12744. display: table-cell;
  12745. }
  12746. .am-slider-a5 .am-control-nav li a {
  12747. width: 100%;
  12748. height: 6px;
  12749. display: block;
  12750. background-color: rgba(0, 0, 0, 0.5);
  12751. cursor: pointer;
  12752. text-indent: -9999px;
  12753. }
  12754. .am-slider-a5 .am-control-nav li a:hover {
  12755. background-color: rgba(0, 0, 0, 0.7);
  12756. }
  12757. .am-slider-a5 .am-control-nav li a.am-active {
  12758. background-color: #0e90d2;
  12759. cursor: default;
  12760. }
  12761. .am-slider-a5 .am-direction-nav,
  12762. .am-slider-a5 .am-pauseplay {
  12763. display: none;
  12764. }
  12765. /**
  12766. * Slider Theme: b1
  12767. */
  12768. .am-slider-b1 {
  12769. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12770. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12771. /* Direction Nav */
  12772. }
  12773. .am-slider-b1 .am-viewport {
  12774. max-height: 2000px;
  12775. -webkit-transition: all 1s ease;
  12776. transition: all 1s ease;
  12777. }
  12778. .loading .am-slider-b1 .am-viewport {
  12779. max-height: 300px;
  12780. }
  12781. .am-slider-b1 .am-direction-nav a {
  12782. -webkit-box-sizing: content-box;
  12783. box-sizing: content-box;
  12784. display: block;
  12785. width: 24px;
  12786. height: 24px;
  12787. padding: 8px 0;
  12788. margin: -20px 0 0;
  12789. position: absolute;
  12790. top: 50%;
  12791. z-index: 10;
  12792. overflow: hidden;
  12793. opacity: 0.45;
  12794. cursor: pointer;
  12795. color: #ffffff;
  12796. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  12797. background-color: rgba(0, 0, 0, 0.5);
  12798. font-size: 0;
  12799. text-align: center;
  12800. -webkit-transition: all .3s ease;
  12801. transition: all .3s ease;
  12802. }
  12803. .am-slider-b1 .am-direction-nav a:before {
  12804. display: inline-block;
  12805. font-family: "FontAwesome", sans-serif;
  12806. font-weight: normal;
  12807. font-style: normal;
  12808. vertical-align: baseline;
  12809. line-height: 1;
  12810. -webkit-font-smoothing: antialiased;
  12811. -moz-osx-font-smoothing: grayscale;
  12812. content: "\f053";
  12813. font-size: 24px;
  12814. }
  12815. .am-slider-b1 .am-direction-nav a.am-prev {
  12816. left: 0;
  12817. padding-right: 5px;
  12818. border-bottom-right-radius: 5px;
  12819. border-top-right-radius: 5px;
  12820. }
  12821. .am-slider-b1 .am-direction-nav a.am-next {
  12822. right: 0;
  12823. padding-left: 5px;
  12824. border-bottom-left-radius: 5px;
  12825. border-top-left-radius: 5px;
  12826. }
  12827. .am-slider-b1 .am-direction-nav a.am-next:before {
  12828. content: "\f054";
  12829. }
  12830. .am-slider-b1 .am-direction-nav .am-disabled {
  12831. opacity: 0!important;
  12832. cursor: default;
  12833. }
  12834. .am-slider-b1:hover .am-prev {
  12835. opacity: 0.7;
  12836. }
  12837. .am-slider-b1:hover .am-prev:hover {
  12838. opacity: 1;
  12839. }
  12840. .am-slider-b1:hover .am-next {
  12841. opacity: 0.7;
  12842. }
  12843. .am-slider-b1:hover .am-next:hover {
  12844. opacity: 1;
  12845. }
  12846. .am-slider-b1 .am-control-nav,
  12847. .am-slider-b1 .am-pauseplay {
  12848. display: none;
  12849. }
  12850. /**
  12851. * Slider Theme: b2
  12852. */
  12853. .am-slider-b2 {
  12854. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12855. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12856. /* Direction Nav */
  12857. }
  12858. .am-slider-b2 .am-viewport {
  12859. max-height: 2000px;
  12860. -webkit-transition: all 1s ease;
  12861. transition: all 1s ease;
  12862. }
  12863. .loading .am-slider-b2 .am-viewport {
  12864. max-height: 300px;
  12865. }
  12866. .am-slider-b2 .am-direction-nav a {
  12867. -webkit-box-sizing: content-box;
  12868. box-sizing: content-box;
  12869. display: block;
  12870. width: 24px;
  12871. height: 24px;
  12872. padding: 4px;
  12873. margin: -16px 0 0;
  12874. position: absolute;
  12875. top: 50%;
  12876. z-index: 10;
  12877. overflow: hidden;
  12878. opacity: 0.45;
  12879. cursor: pointer;
  12880. color: #ffffff;
  12881. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  12882. background-color: rgba(0, 0, 0, 0.5);
  12883. font-size: 0;
  12884. text-align: center;
  12885. border-radius: 50%;
  12886. -webkit-transition: all .3s ease;
  12887. transition: all .3s ease;
  12888. }
  12889. .am-slider-b2 .am-direction-nav a:before {
  12890. display: inline-block;
  12891. font-family: "FontAwesome", sans-serif;
  12892. font-weight: normal;
  12893. font-style: normal;
  12894. vertical-align: baseline;
  12895. line-height: 1;
  12896. -webkit-font-smoothing: antialiased;
  12897. -moz-osx-font-smoothing: grayscale;
  12898. content: "\f053";
  12899. font-size: 16px;
  12900. line-height: 24px;
  12901. }
  12902. .am-slider-b2 .am-direction-nav a.am-prev {
  12903. left: 5px;
  12904. }
  12905. .am-slider-b2 .am-direction-nav a.am-next {
  12906. right: 5px;
  12907. }
  12908. .am-slider-b2 .am-direction-nav a.am-next:before {
  12909. content: "\f054";
  12910. }
  12911. .am-slider-b2 .am-direction-nav .am-disabled {
  12912. opacity: 0!important;
  12913. cursor: default;
  12914. }
  12915. .am-slider-b2:hover .am-prev {
  12916. opacity: 0.7;
  12917. }
  12918. .am-slider-b2:hover .am-prev:hover {
  12919. opacity: 1;
  12920. }
  12921. .am-slider-b2:hover .am-next {
  12922. opacity: 0.7;
  12923. }
  12924. .am-slider-b2:hover .am-next:hover {
  12925. opacity: 1;
  12926. }
  12927. .am-slider-b2 .am-control-nav,
  12928. .am-slider-b2 .am-pauseplay {
  12929. display: none;
  12930. }
  12931. /**
  12932. * Slider Theme: b3
  12933. */
  12934. .am-slider-b3 {
  12935. margin: 15px 30px;
  12936. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12937. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12938. /* Direction Nav */
  12939. }
  12940. .am-slider-b3 .am-viewport {
  12941. max-height: 2000px;
  12942. -webkit-transition: all 1s ease;
  12943. transition: all 1s ease;
  12944. }
  12945. .loading .am-slider-b3 .am-viewport {
  12946. max-height: 300px;
  12947. }
  12948. .am-slider-b3 .am-direction-nav a {
  12949. -webkit-box-sizing: content-box;
  12950. box-sizing: content-box;
  12951. display: block;
  12952. width: 24px;
  12953. height: 24px;
  12954. padding: 4px;
  12955. margin: -16px 0 0;
  12956. position: absolute;
  12957. top: 50%;
  12958. z-index: 10;
  12959. overflow: hidden;
  12960. opacity: 0.45;
  12961. cursor: pointer;
  12962. color: #333333;
  12963. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  12964. font-size: 0;
  12965. -webkit-transition: all .3s ease;
  12966. transition: all .3s ease;
  12967. }
  12968. .am-slider-b3 .am-direction-nav a:before {
  12969. display: inline-block;
  12970. font-family: "FontAwesome", sans-serif;
  12971. font-weight: normal;
  12972. font-style: normal;
  12973. vertical-align: baseline;
  12974. line-height: 1;
  12975. -webkit-font-smoothing: antialiased;
  12976. -moz-osx-font-smoothing: grayscale;
  12977. content: "\f053";
  12978. font-size: 24px;
  12979. }
  12980. .am-slider-b3 .am-direction-nav a.am-prev {
  12981. left: -25px;
  12982. }
  12983. .am-slider-b3 .am-direction-nav a.am-next {
  12984. right: -25px;
  12985. text-align: right;
  12986. }
  12987. .am-slider-b3 .am-direction-nav a.am-next:before {
  12988. content: "\f054";
  12989. }
  12990. .am-slider-b3 .am-direction-nav .am-disabled {
  12991. opacity: 0!important;
  12992. cursor: default;
  12993. }
  12994. .am-slider-b3:hover .am-prev {
  12995. opacity: 0.7;
  12996. }
  12997. .am-slider-b3:hover .am-prev:hover {
  12998. opacity: 1;
  12999. }
  13000. .am-slider-b3:hover .am-next {
  13001. opacity: 0.7;
  13002. }
  13003. .am-slider-b3:hover .am-next:hover {
  13004. opacity: 1;
  13005. }
  13006. .am-slider-b3 .am-control-nav,
  13007. .am-slider-b3 .am-pauseplay {
  13008. display: none;
  13009. }
  13010. /**
  13011. * Slider Theme: b4
  13012. */
  13013. .am-slider-b4 {
  13014. margin: 15px 20px;
  13015. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13016. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13017. /* Direction Nav */
  13018. }
  13019. .am-slider-b4 .am-viewport {
  13020. max-height: 2000px;
  13021. -webkit-transition: all 1s ease;
  13022. transition: all 1s ease;
  13023. }
  13024. .loading .am-slider-b4 .am-viewport {
  13025. max-height: 300px;
  13026. }
  13027. .am-slider-b4 .am-direction-nav a {
  13028. position: absolute;
  13029. top: 50%;
  13030. z-index: 10;
  13031. display: block;
  13032. -webkit-box-sizing: content-box;
  13033. box-sizing: content-box;
  13034. width: 24px;
  13035. height: 24px;
  13036. margin: -16px 0 0;
  13037. padding: 4px;
  13038. overflow: hidden;
  13039. opacity: 0.45;
  13040. background-color: rgba(0, 0, 0, 0.8);
  13041. cursor: pointer;
  13042. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13043. font-size: 0;
  13044. border-radius: 50%;
  13045. text-align: center;
  13046. color: #ffffff;
  13047. -webkit-transition: all .3s ease;
  13048. transition: all .3s ease;
  13049. }
  13050. .am-slider-b4 .am-direction-nav a:before {
  13051. display: inline-block;
  13052. font-family: "FontAwesome", sans-serif;
  13053. font-weight: normal;
  13054. font-style: normal;
  13055. vertical-align: baseline;
  13056. line-height: 1;
  13057. -webkit-font-smoothing: antialiased;
  13058. -moz-osx-font-smoothing: grayscale;
  13059. content: "\f053";
  13060. font-size: 20px;
  13061. line-height: 24px;
  13062. }
  13063. .am-slider-b4 .am-direction-nav a.am-prev {
  13064. left: -15px;
  13065. }
  13066. .am-slider-b4 .am-direction-nav a.am-next {
  13067. right: -15px;
  13068. }
  13069. .am-slider-b4 .am-direction-nav a.am-next:before {
  13070. content: "\f054";
  13071. }
  13072. .am-slider-b4 .am-direction-nav .am-disabled {
  13073. opacity: 0!important;
  13074. cursor: default;
  13075. }
  13076. .am-slider-b4:hover .am-prev {
  13077. opacity: 0.7;
  13078. }
  13079. .am-slider-b4:hover .am-prev:hover {
  13080. opacity: 0.9;
  13081. }
  13082. .am-slider-b4:hover .am-next {
  13083. opacity: 0.7;
  13084. }
  13085. .am-slider-b4:hover .am-next:hover {
  13086. opacity: 0.9;
  13087. }
  13088. .am-slider-b4 .am-control-nav,
  13089. .am-slider-b4 .am-pauseplay {
  13090. display: none;
  13091. }
  13092. /**
  13093. * Slider Theme: c1
  13094. */
  13095. .am-slider-c1 {
  13096. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13097. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13098. /* Control Nav */
  13099. }
  13100. .am-slider-c1 .am-viewport {
  13101. max-height: 2000px;
  13102. -webkit-transition: all 1s ease;
  13103. transition: all 1s ease;
  13104. }
  13105. .loading .am-slider-c1 .am-viewport {
  13106. max-height: 300px;
  13107. }
  13108. .am-slider-c1 .am-control-nav {
  13109. position: absolute;
  13110. bottom: 0;
  13111. display: -webkit-box;
  13112. display: -webkit-flex;
  13113. display: -ms-flexbox;
  13114. display: flex;
  13115. width: 100%;
  13116. height: 6px;
  13117. font-size: 0;
  13118. line-height: 0;
  13119. text-align: center;
  13120. }
  13121. .am-slider-c1 .am-control-nav li {
  13122. -webkit-box-flex: 1;
  13123. -webkit-flex: 1;
  13124. -ms-flex: 1;
  13125. flex: 1;
  13126. }
  13127. .am-slider-c1 .am-control-nav li a {
  13128. width: 100%;
  13129. height: 6px;
  13130. display: block;
  13131. background-color: rgba(0, 0, 0, 0.7);
  13132. cursor: pointer;
  13133. text-indent: -9999px;
  13134. }
  13135. .am-slider-c1 .am-control-nav li a:hover {
  13136. background: rgba(0, 0, 0, 0.8);
  13137. }
  13138. .am-slider-c1 .am-control-nav li a.am-active {
  13139. background-color: #0e90d2;
  13140. cursor: default;
  13141. }
  13142. .am-slider-c1 .am-slider-desc {
  13143. background-color: rgba(0, 0, 0, 0.6);
  13144. position: absolute;
  13145. bottom: 6px;
  13146. padding: 8px;
  13147. width: 100%;
  13148. color: #ffffff;
  13149. display: block;
  13150. word-wrap: normal;
  13151. /* for IE */
  13152. text-overflow: ellipsis;
  13153. white-space: nowrap;
  13154. overflow: hidden;
  13155. }
  13156. .am-slider-c1 .am-direction-nav,
  13157. .am-slider-c1 .am-pauseplay {
  13158. display: none;
  13159. }
  13160. /**
  13161. * Slider Theme: c2
  13162. */
  13163. .am-slider-c2 {
  13164. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13165. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13166. /* Control Nav */
  13167. }
  13168. .am-slider-c2 .am-viewport {
  13169. max-height: 2000px;
  13170. -webkit-transition: all 1s ease;
  13171. transition: all 1s ease;
  13172. }
  13173. .loading .am-slider-c2 .am-viewport {
  13174. max-height: 300px;
  13175. }
  13176. .am-slider-c2 .am-control-nav {
  13177. position: absolute;
  13178. bottom: 15px;
  13179. right: 0;
  13180. height: 6px;
  13181. text-align: center;
  13182. font-size: 0;
  13183. line-height: 0;
  13184. }
  13185. .am-slider-c2 .am-control-nav li {
  13186. display: inline-block;
  13187. margin-right: 6px;
  13188. }
  13189. .am-slider-c2 .am-control-nav li a {
  13190. width: 6px;
  13191. height: 6px;
  13192. display: block;
  13193. background-color: rgba(255, 255, 255, 0.4);
  13194. cursor: pointer;
  13195. text-indent: -9999px;
  13196. }
  13197. .am-slider-c2 .am-control-nav li a:hover {
  13198. background: rgba(230, 230, 230, 0.4);
  13199. }
  13200. .am-slider-c2 .am-control-nav li a.am-active {
  13201. background-color: #0e90d2;
  13202. cursor: default;
  13203. }
  13204. .am-slider-c2 .am-slider-desc {
  13205. background-color: rgba(0, 0, 0, 0.6);
  13206. position: absolute;
  13207. bottom: 0;
  13208. padding: 8px 60px 8px 8px;
  13209. width: 100%;
  13210. color: #ffffff;
  13211. display: block;
  13212. word-wrap: normal;
  13213. /* for IE */
  13214. text-overflow: ellipsis;
  13215. white-space: nowrap;
  13216. overflow: hidden;
  13217. }
  13218. .am-slider-c2 .am-direction-nav,
  13219. .am-slider-c2 .am-pauseplay {
  13220. display: none;
  13221. }
  13222. /**
  13223. * Slider Theme: c3
  13224. */
  13225. .am-slider-c3 {
  13226. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13227. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13228. /* Direction Nav */
  13229. }
  13230. .am-slider-c3 .am-viewport {
  13231. max-height: 2000px;
  13232. -webkit-transition: all 1s ease;
  13233. transition: all 1s ease;
  13234. }
  13235. .loading .am-slider-c3 .am-viewport {
  13236. max-height: 300px;
  13237. }
  13238. .am-slider-c3 .am-slider-desc {
  13239. background-color: rgba(0, 0, 0, 0.6);
  13240. position: absolute;
  13241. bottom: 10px;
  13242. right: 60px;
  13243. height: 30px;
  13244. left: 0;
  13245. padding-right: 5px;
  13246. color: #ffffff;
  13247. display: block;
  13248. word-wrap: normal;
  13249. /* for IE */
  13250. text-overflow: ellipsis;
  13251. white-space: nowrap;
  13252. overflow: hidden;
  13253. }
  13254. .am-slider-c3 .am-slider-counter {
  13255. margin-right: 5px;
  13256. display: inline-block;
  13257. height: 30px;
  13258. background-color: #0e90d2;
  13259. width: 40px;
  13260. text-align: center;
  13261. line-height: 30px;
  13262. color: #eeeeee;
  13263. font-size: 1rem;
  13264. }
  13265. .am-slider-c3 .am-slider-counter .am-active {
  13266. font-size: 1.8rem;
  13267. font-weight: bold;
  13268. color: #ffffff;
  13269. }
  13270. .am-slider-c3 .am-direction-nav a {
  13271. -webkit-box-sizing: content-box;
  13272. box-sizing: content-box;
  13273. display: block;
  13274. width: 24px;
  13275. height: 24px;
  13276. padding: 4px 0;
  13277. margin: -16px 0 0;
  13278. position: absolute;
  13279. top: 50%;
  13280. z-index: 10;
  13281. overflow: hidden;
  13282. opacity: 0.45;
  13283. cursor: pointer;
  13284. color: #ffffff;
  13285. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13286. background-color: rgba(0, 0, 0, 0.5);
  13287. font-size: 0;
  13288. text-align: center;
  13289. -webkit-transition: all .3s ease;
  13290. transition: all .3s ease;
  13291. }
  13292. .am-slider-c3 .am-direction-nav a:before {
  13293. display: inline-block;
  13294. font-family: "FontAwesome", sans-serif;
  13295. font-weight: normal;
  13296. font-style: normal;
  13297. vertical-align: baseline;
  13298. line-height: 1;
  13299. -webkit-font-smoothing: antialiased;
  13300. -moz-osx-font-smoothing: grayscale;
  13301. content: "\f053";
  13302. font-size: 16px;
  13303. line-height: 24px;
  13304. }
  13305. .am-slider-c3 .am-direction-nav a.am-prev {
  13306. left: 0;
  13307. padding-right: 5px;
  13308. }
  13309. .am-slider-c3 .am-direction-nav a.am-next {
  13310. right: 0;
  13311. padding-left: 5px;
  13312. }
  13313. .am-slider-c3 .am-direction-nav a.am-next:before {
  13314. content: "\f054";
  13315. }
  13316. .am-slider-c3 .am-direction-nav .am-disabled {
  13317. opacity: 0!important;
  13318. cursor: default;
  13319. }
  13320. .am-slider-c3:hover .am-prev {
  13321. opacity: 0.7;
  13322. }
  13323. .am-slider-c3:hover .am-prev:hover {
  13324. opacity: 1;
  13325. }
  13326. .am-slider-c3:hover .am-next {
  13327. opacity: 0.7;
  13328. }
  13329. .am-slider-c3:hover .am-next:hover {
  13330. opacity: 1;
  13331. }
  13332. .am-slider-c3 .am-control-nav,
  13333. .am-slider-c3 .am-pauseplay {
  13334. display: none;
  13335. }
  13336. /**
  13337. * Slider Theme: c4
  13338. */
  13339. .am-slider-c4 {
  13340. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13341. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13342. /* Direction Nav */
  13343. }
  13344. .am-slider-c4 .am-viewport {
  13345. max-height: 2000px;
  13346. -webkit-transition: all 1s ease;
  13347. transition: all 1s ease;
  13348. }
  13349. .loading .am-slider-c4 .am-viewport {
  13350. max-height: 300px;
  13351. }
  13352. .am-slider-c4 .am-slider-desc {
  13353. width: 100%;
  13354. background-color: rgba(0, 0, 0, 0.6);
  13355. position: absolute;
  13356. bottom: 0;
  13357. right: 0;
  13358. left: 0;
  13359. padding: 8px 40px;
  13360. color: #ffffff;
  13361. display: block;
  13362. word-wrap: normal;
  13363. /* for IE */
  13364. text-overflow: ellipsis;
  13365. white-space: nowrap;
  13366. overflow: hidden;
  13367. }
  13368. .am-slider-c4 .am-direction-nav a {
  13369. -webkit-box-sizing: content-box;
  13370. box-sizing: content-box;
  13371. display: block;
  13372. width: 24px;
  13373. height: 24px;
  13374. padding: 4px 0;
  13375. margin: 0;
  13376. position: absolute;
  13377. bottom: 4px;
  13378. z-index: 10;
  13379. overflow: hidden;
  13380. opacity: 0.45;
  13381. cursor: pointer;
  13382. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13383. font-size: 0;
  13384. text-align: center;
  13385. color: rgba(0, 0, 0, 0.7);
  13386. -webkit-transition: all .3s ease;
  13387. transition: all .3s ease;
  13388. }
  13389. .am-slider-c4 .am-direction-nav a:before {
  13390. display: inline-block;
  13391. font-family: "FontAwesome", sans-serif;
  13392. font-weight: normal;
  13393. font-style: normal;
  13394. vertical-align: baseline;
  13395. line-height: 1;
  13396. -webkit-font-smoothing: antialiased;
  13397. -moz-osx-font-smoothing: grayscale;
  13398. content: "\f053";
  13399. font-size: 24px;
  13400. }
  13401. .am-slider-c4 .am-direction-nav a.am-prev {
  13402. left: 0;
  13403. padding-right: 5px;
  13404. }
  13405. .am-slider-c4 .am-direction-nav a.am-next {
  13406. right: 0;
  13407. padding-left: 5px;
  13408. }
  13409. .am-slider-c4 .am-direction-nav a.am-next:before {
  13410. content: "\f054";
  13411. }
  13412. .am-slider-c4 .am-direction-nav .am-disabled {
  13413. opacity: 0!important;
  13414. cursor: default;
  13415. }
  13416. .am-slider-c4:hover .am-prev {
  13417. opacity: 0.7;
  13418. }
  13419. .am-slider-c4:hover .am-prev:hover {
  13420. opacity: 1;
  13421. }
  13422. .am-slider-c4:hover .am-next {
  13423. opacity: 0.7;
  13424. }
  13425. .am-slider-c4:hover .am-next:hover {
  13426. opacity: 1;
  13427. }
  13428. .am-slider-c4 .am-control-nav,
  13429. .am-slider-c4 .am-pauseplay {
  13430. display: none;
  13431. }
  13432. /**
  13433. * Slider Theme: d1
  13434. */
  13435. .am-slider-d1 {
  13436. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13437. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13438. /* Direction Nav */
  13439. }
  13440. .am-slider-d1 .am-viewport {
  13441. max-height: 2000px;
  13442. -webkit-transition: all 1s ease;
  13443. transition: all 1s ease;
  13444. }
  13445. .loading .am-slider-d1 .am-viewport {
  13446. max-height: 300px;
  13447. }
  13448. .am-slider-d1 .am-slider-desc {
  13449. padding: 8px 35px;
  13450. width: 100%;
  13451. color: #ffffff;
  13452. background-color: #0e90d2;
  13453. }
  13454. .am-slider-d1 .am-slider-title {
  13455. font-weight: normal;
  13456. margin-bottom: 2px;
  13457. display: block;
  13458. word-wrap: normal;
  13459. /* for IE */
  13460. text-overflow: ellipsis;
  13461. white-space: nowrap;
  13462. overflow: hidden;
  13463. }
  13464. .am-slider-d1 .am-slider-more {
  13465. color: #eeeeee;
  13466. font-size: 1.3rem;
  13467. }
  13468. .am-slider-d1 .am-direction-nav a {
  13469. -webkit-box-sizing: content-box;
  13470. box-sizing: content-box;
  13471. display: block;
  13472. width: 24px;
  13473. height: 24px;
  13474. margin: 0;
  13475. position: absolute;
  13476. bottom: 18px;
  13477. z-index: 10;
  13478. overflow: hidden;
  13479. opacity: 0.45;
  13480. cursor: pointer;
  13481. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13482. font-size: 0;
  13483. text-align: center;
  13484. border: 1px solid rgba(255, 255, 255, 0.9);
  13485. color: rgba(255, 255, 255, 0.9);
  13486. border-radius: 50%;
  13487. -webkit-transition: all 03s ease;
  13488. transition: all 03s ease;
  13489. }
  13490. .am-slider-d1 .am-direction-nav a:before {
  13491. display: inline-block;
  13492. font-family: "FontAwesome", sans-serif;
  13493. font-weight: normal;
  13494. font-style: normal;
  13495. vertical-align: baseline;
  13496. line-height: 1;
  13497. -webkit-font-smoothing: antialiased;
  13498. -moz-osx-font-smoothing: grayscale;
  13499. content: "\f053";
  13500. font-size: 16px;
  13501. line-height: 24px;
  13502. }
  13503. .am-slider-d1 .am-direction-nav a.am-prev {
  13504. left: 5px;
  13505. }
  13506. .am-slider-d1 .am-direction-nav a.am-next {
  13507. right: 5px;
  13508. }
  13509. .am-slider-d1 .am-direction-nav a.am-next:before {
  13510. content: "\f054";
  13511. }
  13512. .am-slider-d1 .am-direction-nav .am-disabled {
  13513. opacity: 0!important;
  13514. cursor: default;
  13515. }
  13516. .am-slider-d1:hover .am-prev {
  13517. opacity: 0.7;
  13518. }
  13519. .am-slider-d1:hover .am-prev:hover {
  13520. opacity: 1;
  13521. }
  13522. .am-slider-d1:hover .am-next {
  13523. opacity: 0.7;
  13524. }
  13525. .am-slider-d1:hover .am-next:hover {
  13526. opacity: 1;
  13527. }
  13528. .am-slider-d1 .am-control-nav,
  13529. .am-slider-d1 .am-pauseplay {
  13530. display: none;
  13531. }
  13532. /**
  13533. * Slider Theme: d2
  13534. */
  13535. .am-slider-d2 {
  13536. margin-bottom: 20px;
  13537. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13538. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13539. /* Control Nav */
  13540. }
  13541. .am-slider-d2 .am-viewport {
  13542. max-height: 2000px;
  13543. -webkit-transition: all 1s ease;
  13544. transition: all 1s ease;
  13545. }
  13546. .loading .am-slider-d2 .am-viewport {
  13547. max-height: 300px;
  13548. }
  13549. .am-slider-d2 .am-slider-desc {
  13550. position: absolute;
  13551. left: 10px;
  13552. bottom: 20px;
  13553. right: 50px;
  13554. color: #ffffff;
  13555. }
  13556. .am-slider-d2 .am-slider-content {
  13557. background-color: rgba(0, 0, 0, 0.7);
  13558. padding: 10px 6px;
  13559. margin-bottom: 10px;
  13560. }
  13561. .am-slider-d2 .am-slider-content p {
  13562. margin: 0;
  13563. display: block;
  13564. word-wrap: normal;
  13565. /* for IE */
  13566. text-overflow: ellipsis;
  13567. white-space: nowrap;
  13568. overflow: hidden;
  13569. font-size: 1.4rem;
  13570. }
  13571. .am-slider-d2 .am-slider-title {
  13572. font-weight: normal;
  13573. margin-bottom: 5px;
  13574. display: block;
  13575. word-wrap: normal;
  13576. /* for IE */
  13577. text-overflow: ellipsis;
  13578. white-space: nowrap;
  13579. overflow: hidden;
  13580. }
  13581. .am-slider-d2 .am-slider-more {
  13582. color: #eeeeee;
  13583. font-size: 1.3rem;
  13584. background-color: #0e90d2;
  13585. padding: 2px 10px;
  13586. }
  13587. .am-slider-d2 .am-control-nav {
  13588. width: 100%;
  13589. position: absolute;
  13590. bottom: -15px;
  13591. text-align: center;
  13592. }
  13593. .am-slider-d2 .am-control-nav li {
  13594. margin: 0 6px;
  13595. display: inline-block;
  13596. }
  13597. .am-slider-d2 .am-control-nav li a {
  13598. width: 8px;
  13599. height: 8px;
  13600. display: block;
  13601. background-color: rgba(0, 0, 0, 0.5);
  13602. cursor: pointer;
  13603. text-indent: -9999px;
  13604. border-radius: 50%;
  13605. font-size: 0;
  13606. line-height: 0;
  13607. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  13608. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  13609. }
  13610. .am-slider-d2 .am-control-nav li a:hover {
  13611. background: rgba(0, 0, 0, 0.5);
  13612. }
  13613. .am-slider-d2 .am-control-nav li a.am-active {
  13614. background: #0e90d2;
  13615. cursor: default;
  13616. }
  13617. .am-slider-d2 .am-direction-nav,
  13618. .am-slider-d2 .am-pauseplay {
  13619. display: none;
  13620. }
  13621. /**
  13622. * Slider Theme: d3
  13623. */
  13624. .am-slider-d3 {
  13625. margin-bottom: 10px;
  13626. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13627. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13628. /* Control Nav */
  13629. }
  13630. .am-slider-d3 .am-viewport {
  13631. max-height: 2000px;
  13632. -webkit-transition: all 1s ease;
  13633. transition: all 1s ease;
  13634. }
  13635. .loading .am-slider-d3 .am-viewport {
  13636. max-height: 300px;
  13637. }
  13638. .am-slider-d3 .am-slider-desc {
  13639. position: absolute;
  13640. bottom: 0;
  13641. color: #ffffff;
  13642. width: 100%;
  13643. background-color: rgba(0, 0, 0, 0.7);
  13644. padding: 8px 5px;
  13645. }
  13646. .am-slider-d3 .am-slider-desc p {
  13647. margin: 0;
  13648. font-size: 1.3rem;
  13649. display: block;
  13650. word-wrap: normal;
  13651. /* for IE */
  13652. text-overflow: ellipsis;
  13653. white-space: nowrap;
  13654. overflow: hidden;
  13655. }
  13656. .am-slider-d3 .am-slider-title {
  13657. font-weight: normal;
  13658. margin-bottom: 5px;
  13659. display: block;
  13660. word-wrap: normal;
  13661. /* for IE */
  13662. text-overflow: ellipsis;
  13663. white-space: nowrap;
  13664. overflow: hidden;
  13665. }
  13666. .am-slider-d3 .am-control-thumbs {
  13667. position: static;
  13668. overflow: hidden;
  13669. display: -webkit-box;
  13670. display: -webkit-flex;
  13671. display: -ms-flexbox;
  13672. display: flex;
  13673. }
  13674. .am-slider-d3 .am-control-thumbs li {
  13675. -webkit-box-flex: 1;
  13676. -webkit-flex: 1;
  13677. -ms-flex: 1;
  13678. flex: 1;
  13679. padding: 12px 4px 4px;
  13680. position: relative;
  13681. }
  13682. .am-slider-d3 .am-control-thumbs img {
  13683. width: 100%;
  13684. display: block;
  13685. opacity: .85;
  13686. cursor: pointer;
  13687. }
  13688. .am-slider-d3 .am-control-thumbs img:hover {
  13689. opacity: 1;
  13690. }
  13691. .am-slider-d3 .am-control-thumbs .am-active {
  13692. opacity: 1;
  13693. cursor: default;
  13694. }
  13695. .am-slider-d3 .am-control-thumbs .am-active + i {
  13696. position: absolute;
  13697. top: 0;
  13698. left: 50%;
  13699. content: "";
  13700. display: inline-block;
  13701. width: 0;
  13702. height: 0;
  13703. vertical-align: middle;
  13704. border-top: 8px solid rgba(0, 0, 0, 0.7);
  13705. border-right: 8px solid transparent;
  13706. border-left: 8px solid transparent;
  13707. border-bottom: 0 dotted;
  13708. -webkit-transform: rotate(360deg);
  13709. -ms-transform: rotate(360deg);
  13710. transform: rotate(360deg);
  13711. margin-left: -4px;
  13712. -webkit-transition: all 0.2s;
  13713. transition: all 0.2s;
  13714. }
  13715. .am-slider-d3 .am-direction-nav,
  13716. .am-slider-d3 .am-pauseplay {
  13717. display: none;
  13718. }
  13719. /**
  13720. * Slider Theme: one
  13721. */
  13722. .am-slider-one {
  13723. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  13724. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  13725. margin: 0 10px
  13726. /* Control Nav */
  13727. }
  13728. .am-slider-one .am-viewport {
  13729. max-height: 2000px;
  13730. -webkit-transition: all 1s ease;
  13731. transition: all 1s ease;
  13732. }
  13733. .loading .am-slider-one .am-viewport {
  13734. max-height: 300px;
  13735. }
  13736. .am-slider-one .am-viewport .am-slider-desc {
  13737. position: absolute;
  13738. left: 0;
  13739. bottom: 0;
  13740. height: 26px;
  13741. width: 100%;
  13742. line-height: 26px;
  13743. background: rgba(0, 0, 0, 0.5);
  13744. color: #ffffff;
  13745. }
  13746. .am-slider-one .am-viewport .am-slider-desc .am-slider-title {
  13747. font-weight: normal;
  13748. font-size: 12px;
  13749. text-indent: 4px;
  13750. padding-right: 80px;
  13751. display: block;
  13752. word-wrap: normal;
  13753. /* for IE */
  13754. text-overflow: ellipsis;
  13755. white-space: nowrap;
  13756. overflow: hidden;
  13757. }
  13758. .am-slider-one .am-control-nav {
  13759. display: none;
  13760. }
  13761. .am-slider-one .am-direction-nav a {
  13762. position: absolute;
  13763. top: 50%;
  13764. z-index: 10;
  13765. display: block;
  13766. width: 24px;
  13767. height: 24px;
  13768. margin: -12px 0 0;
  13769. overflow: hidden;
  13770. opacity: 0.45;
  13771. cursor: pointer;
  13772. color: rgba(0, 0, 0, 0.8);
  13773. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13774. -webkit-transition: all .3s ease;
  13775. transition: all .3s ease;
  13776. }
  13777. .am-slider-one .am-direction-nav a:before {
  13778. display: inline-block;
  13779. font-family: "FontAwesome", sans-serif;
  13780. font-weight: normal;
  13781. font-style: normal;
  13782. vertical-align: baseline;
  13783. line-height: 1;
  13784. -webkit-font-smoothing: antialiased;
  13785. -moz-osx-font-smoothing: grayscale;
  13786. color: rgba(0, 0, 0, 0.7);
  13787. content: "\f053";
  13788. font-size: 24px;
  13789. }
  13790. .am-slider-one .am-direction-nav a.am-next:before {
  13791. content: "\f054";
  13792. }
  13793. .am-slider-one .am-direction-nav .am-prev {
  13794. left: 10px;
  13795. }
  13796. .am-slider-one .am-direction-nav .am-next {
  13797. right: 10px;
  13798. text-align: right;
  13799. }
  13800. .am-slider-one .am-direction-nav .am-disabled {
  13801. opacity: 0!important;
  13802. cursor: default;
  13803. }
  13804. .am-slider-one:hover .am-prev {
  13805. opacity: 0.7;
  13806. left: 10px;
  13807. }
  13808. .am-slider-one:hover .am-prev:hover {
  13809. opacity: 1;
  13810. }
  13811. .am-slider-one:hover .am-next {
  13812. opacity: 0.7;
  13813. right: 10px;
  13814. }
  13815. .am-slider-one:hover .am-next:hover {
  13816. opacity: 1;
  13817. }
  13818. .am-slider-one .am-pauseplay {
  13819. display: none;
  13820. }
  13821. [data-am-widget='tabs'] {
  13822. margin: 10px;
  13823. }
  13824. [data-am-widget='tabs'] .am-tabs-nav {
  13825. width: 100%;
  13826. padding: 0;
  13827. margin: 0;
  13828. list-style: none;
  13829. text-align: center;
  13830. display: -webkit-box;
  13831. display: -webkit-flex;
  13832. display: -ms-flexbox;
  13833. display: flex;
  13834. }
  13835. [data-am-widget='tabs'] .am-tabs-nav li {
  13836. -webkit-box-flex: 1;
  13837. -webkit-flex: 1;
  13838. -ms-flex: 1;
  13839. flex: 1;
  13840. }
  13841. [data-am-widget='tabs'] .am-tabs-nav a {
  13842. display: block;
  13843. word-wrap: normal;
  13844. /* for IE */
  13845. text-overflow: ellipsis;
  13846. white-space: nowrap;
  13847. overflow: hidden;
  13848. }
  13849. /**
  13850. * Tabs Theme: default
  13851. */
  13852. .am-tabs-default .am-tabs-nav {
  13853. line-height: 40px;
  13854. background-color: #eeeeee;
  13855. }
  13856. .am-tabs-default .am-tabs-nav a {
  13857. color: #222222;
  13858. line-height: 42px;
  13859. }
  13860. .am-tabs-default .am-tabs-nav > .am-active a {
  13861. background-color: #0e90d2;
  13862. color: #ffffff;
  13863. }
  13864. /**
  13865. * Tabs Theme: d2
  13866. */
  13867. .am-tabs-d2 .am-tabs-nav {
  13868. background-color: #eeeeee;
  13869. }
  13870. .am-tabs-d2 .am-tabs-nav li {
  13871. height: 42px;
  13872. }
  13873. .am-tabs-d2 .am-tabs-nav a {
  13874. color: #222222;
  13875. line-height: 42px;
  13876. }
  13877. .am-tabs-d2 .am-tabs-nav > .am-active {
  13878. position: relative;
  13879. background-color: #fcfcfc;
  13880. border-bottom: 2px solid #0e90d2;
  13881. }
  13882. .am-tabs-d2 .am-tabs-nav > .am-active a {
  13883. line-height: 40px;
  13884. color: #0e90d2;
  13885. }
  13886. .am-tabs-d2 .am-tabs-nav > .am-active:after {
  13887. position: absolute;
  13888. width: 0;
  13889. height: 0;
  13890. bottom: 0px;
  13891. left: 50%;
  13892. margin-left: -5px;
  13893. border: 6px rgba(0, 0, 0, 0) solid;
  13894. content: "";
  13895. z-index: 1;
  13896. border-bottom-color: #0e90d2;
  13897. }
  13898. /**
  13899. * Tabs Theme: one
  13900. */
  13901. .am-tabs-one {
  13902. background: #ffffff;
  13903. }
  13904. .am-tabs-one .am-tabs-nav {
  13905. height: 36px;
  13906. background-color: #ffffff;
  13907. font-size: 14px;
  13908. border-radius: 2px;
  13909. }
  13910. .am-tabs-one .am-tabs-nav a {
  13911. line-height: 34px;
  13912. color: #15afef;
  13913. }
  13914. .am-tabs-one .am-tabs-nav li {
  13915. border: 1px solid #15afef;
  13916. }
  13917. .am-tabs-one .am-tabs-nav li:first-child {
  13918. border-bottom-left-radius: 2px;
  13919. border-top-left-radius: 2px;
  13920. }
  13921. .am-tabs-one .am-tabs-nav li:last-child {
  13922. border-bottom-right-radius: 2px;
  13923. border-top-right-radius: 2px;
  13924. }
  13925. .am-tabs-one .am-tabs-nav li + li {
  13926. border-left: none;
  13927. }
  13928. .am-tabs-one .am-tabs-nav .am-active a {
  13929. background-color: #15afef;
  13930. color: #ffffff;
  13931. }
  13932. .am-tabs-one .am-tabs-bd {
  13933. border: none;
  13934. }
  13935. .am-tabs-one .am-tab-panel {
  13936. padding: 15px 5px 20px;
  13937. }
  13938. .am-titlebar {
  13939. margin-top: 20px;
  13940. height: 45px;
  13941. font-size: 100%;
  13942. }
  13943. .am-titlebar h2 {
  13944. margin-top: 0;
  13945. margin-bottom: 0;
  13946. font-size: 1.6rem;
  13947. }
  13948. .am-titlebar .am-titlebar-title img {
  13949. height: 24px;
  13950. width: auto;
  13951. }
  13952. /**
  13953. * Titlebar Theme: default
  13954. */
  13955. .am-titlebar-default {
  13956. display: -webkit-box;
  13957. display: -webkit-flex;
  13958. display: -ms-flexbox;
  13959. display: flex;
  13960. margin-left: 10px;
  13961. margin-right: 10px;
  13962. background-color: transparent;
  13963. border-bottom: 1px solid #dedede;
  13964. line-height: 44px;
  13965. }
  13966. .am-titlebar-default a {
  13967. color: #0e90d2;
  13968. }
  13969. .am-titlebar-default .am-titlebar-title {
  13970. position: relative;
  13971. padding-left: 12px;
  13972. color: #0e90d2;
  13973. font-size: 1.8rem;
  13974. text-align: left;
  13975. font-weight: bold;
  13976. }
  13977. .am-titlebar-default .am-titlebar-title:before {
  13978. content: "";
  13979. position: absolute;
  13980. left: 2px;
  13981. top: 8px;
  13982. bottom: 8px;
  13983. border-left: 3px solid #0e90d2;
  13984. }
  13985. .am-titlebar-default .am-titlebar-nav {
  13986. -webkit-box-flex: 1;
  13987. -webkit-flex: 1;
  13988. -ms-flex: 1;
  13989. flex: 1;
  13990. text-align: right;
  13991. }
  13992. .am-titlebar-default .am-titlebar-nav a {
  13993. margin-right: 10px;
  13994. }
  13995. .am-titlebar-default .am-titlebar-nav a:last-child {
  13996. margin-right: 5px;
  13997. }
  13998. /**
  13999. * Titlebar Theme: multi
  14000. */
  14001. .am-titlebar-multi {
  14002. display: -webkit-box;
  14003. display: -webkit-flex;
  14004. display: -ms-flexbox;
  14005. display: flex;
  14006. background-color: #f5f5f5;
  14007. border-top: 2px solid #3bb4f2;
  14008. border-bottom: 1px solid #e8e8e8;
  14009. }
  14010. .am-titlebar-multi a {
  14011. color: #0e90d2;
  14012. }
  14013. .am-titlebar-multi .am-titlebar-title {
  14014. padding-left: 10px;
  14015. color: #0e90d2;
  14016. font-size: 1.8rem;
  14017. text-align: left;
  14018. font-weight: bold;
  14019. line-height: 42px;
  14020. }
  14021. .am-titlebar-multi .am-titlebar-nav {
  14022. -webkit-box-flex: 1;
  14023. -webkit-flex: 1;
  14024. -ms-flex: 1;
  14025. flex: 1;
  14026. text-align: right;
  14027. line-height: 42px;
  14028. }
  14029. .am-titlebar-multi .am-titlebar-nav a {
  14030. margin-right: 10px;
  14031. }
  14032. /**
  14033. * Titlebar Theme: cols
  14034. */
  14035. .am-titlebar-cols {
  14036. position: relative;
  14037. display: -webkit-box;
  14038. display: -webkit-flex;
  14039. display: -ms-flexbox;
  14040. display: flex;
  14041. padding-left: 10px;
  14042. background-color: #f5f5f5;
  14043. color: #555555;
  14044. font-size: 18px;
  14045. border-top: 2px solid #e1e1e1;
  14046. line-height: 41px;
  14047. }
  14048. .am-titlebar-cols a {
  14049. color: #555555;
  14050. }
  14051. .am-titlebar-cols .am-titlebar-title {
  14052. color: #0e90d2;
  14053. margin-right: 15px;
  14054. border-bottom: 2px solid #0e90d2;
  14055. font-weight: bold;
  14056. }
  14057. .am-titlebar-cols .am-titlebar-title a {
  14058. color: #0e90d2;
  14059. }
  14060. .am-titlebar-cols .am-titlebar-nav {
  14061. -webkit-box-flex: 1;
  14062. -webkit-flex: 1;
  14063. -ms-flex: 1;
  14064. flex: 1;
  14065. }
  14066. .am-titlebar-cols .am-titlebar-nav a {
  14067. display: inline-block;
  14068. margin-right: 15px;
  14069. line-height: 41px;
  14070. border-bottom: 2px solid transparent;
  14071. }
  14072. .am-titlebar-cols .am-titlebar-nav a:hover {
  14073. color: #3c3c3c;
  14074. border-bottom-color: #0e90d2;
  14075. }
  14076. .am-titlebar-cols .am-titlebar-nav a:last-child {
  14077. margin-right: 10px;
  14078. }
  14079. /**
  14080. * Titlebar Theme: one
  14081. */
  14082. .am-titlebar-one {
  14083. display: -webkit-box;
  14084. display: -webkit-flex;
  14085. display: -ms-flexbox;
  14086. display: flex;
  14087. margin-left: 10px;
  14088. margin-right: 10px;
  14089. height: 45px;
  14090. line-height: 44px;
  14091. background-color: #ffffff;
  14092. overflow: hidden;
  14093. border-bottom: 1px solid #15afef;
  14094. }
  14095. .am-titlebar-one .am-titlebar-title {
  14096. padding-left: 12px;
  14097. position: relative;
  14098. color: #222222;
  14099. display: block;
  14100. word-wrap: normal;
  14101. /* for IE */
  14102. text-overflow: ellipsis;
  14103. white-space: nowrap;
  14104. overflow: hidden;
  14105. }
  14106. .am-titlebar-one .am-titlebar-title:before {
  14107. content: "";
  14108. position: absolute;
  14109. left: 2px;
  14110. top: 8px;
  14111. bottom: 8px;
  14112. border-left: 3px solid #15afef;
  14113. }
  14114. .am-titlebar-one .am-titlebar-title a {
  14115. color: #222222;
  14116. }
  14117. .am-titlebar-one .am-titlebar-title img {
  14118. height: 24px;
  14119. vertical-align: top;
  14120. margin-top: 10px;
  14121. }
  14122. .am-titlebar-one .am-titlebar-title h1,
  14123. .am-titlebar-one .am-titlebar-title h2,
  14124. .am-titlebar-one .am-titlebar-title h3,
  14125. .am-titlebar-one .am-titlebar-title h4,
  14126. .am-titlebar-one .am-titlebar-title h5,
  14127. .am-titlebar-one .am-titlebar-title h6,
  14128. .am-titlebar-one .am-titlebar-title strong,
  14129. .am-titlebar-one .am-titlebar-title em {
  14130. font-style: normal;
  14131. font-weight: normal;
  14132. margin-bottom: 0;
  14133. }
  14134. .am-titlebar-one .am-titlebar-title ul,
  14135. .am-titlebar-one .am-titlebar-title li {
  14136. list-style: none;
  14137. padding-left: 0;
  14138. }
  14139. .am-titlebar-one .am-titlebar-nav {
  14140. -webkit-box-flex: 1;
  14141. -webkit-flex: 1;
  14142. -ms-flex: 1;
  14143. flex: 1;
  14144. text-align: right;
  14145. padding-right: 5px;
  14146. color: #999999;
  14147. font-size: 1.4rem;
  14148. }
  14149. .am-titlebar-one .am-titlebar-nav a {
  14150. color: #999999;
  14151. }