国内流行的内容管理系统(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.

14135 lines
313KB

  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: 0;
  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: 0;
  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: 0;
  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:focus {
  1650. outline: thin dotted;
  1651. outline: 5px auto -webkit-focus-ring-color;
  1652. outline-offset: -2px;
  1653. }
  1654. .am-btn:hover,
  1655. .am-btn:focus {
  1656. outline: 0;
  1657. color: #444444;
  1658. text-decoration: none;
  1659. }
  1660. .am-btn:active,
  1661. .am-btn.am-active {
  1662. background-image: none;
  1663. -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.125);
  1664. box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.125);
  1665. }
  1666. .am-btn.am-disabled,
  1667. .am-btn[disabled],
  1668. fieldset[disabled] .am-btn {
  1669. pointer-events: none;
  1670. border-color: transparent;
  1671. cursor: not-allowed;
  1672. opacity: 0.45;
  1673. -webkit-box-shadow: none;
  1674. box-shadow: none;
  1675. }
  1676. .am-btn.am-round {
  1677. border-radius: 1000px;
  1678. }
  1679. .am-btn.am-radius {
  1680. border-radius: 2px;
  1681. }
  1682. .am-btn-default {
  1683. color: #444444;
  1684. background-color: #e6e6e6;
  1685. border-color: #e6e6e6;
  1686. }
  1687. .am-btn-default:hover,
  1688. .am-btn-default:focus,
  1689. .am-btn-default:active,
  1690. .am-btn-default.am-active,
  1691. .am-active .am-btn-default.am-dropdown-toggle {
  1692. color: #444444;
  1693. background-color: #c7c7c7;
  1694. border-color: #c7c7c7;
  1695. }
  1696. .am-btn-default:active,
  1697. .am-btn-default.am-btn-active,
  1698. .am-active .am-btn-default.am-dropdown-toggle {
  1699. background-image: none;
  1700. }
  1701. .am-btn-default.am-disabled,
  1702. .am-btn-default[disabled],
  1703. fieldset[disabled] .am-btn-default,
  1704. .am-btn-default.am-disabled:hover,
  1705. .am-btn-default[disabled]:hover,
  1706. fieldset[disabled] .am-btn-default:hover,
  1707. .am-btn-default.am-disabled:focus,
  1708. .am-btn-default[disabled]:focus,
  1709. fieldset[disabled] .am-btn-default:focus,
  1710. .am-btn-default.am-disabled:active,
  1711. .am-btn-default[disabled]:active,
  1712. fieldset[disabled] .am-btn-default:active,
  1713. .am-btn-default.am-disabled.am-btn-active,
  1714. .am-btn-default[disabled].am-btn-active,
  1715. fieldset[disabled] .am-btn-default.am-btn-active {
  1716. background-color: #e6e6e6;
  1717. border-color: #e6e6e6;
  1718. }
  1719. .am-btn-group .am-btn-default,
  1720. .am-btn-group-stacked .am-btn-default {
  1721. border-color: #d9d9d9;
  1722. }
  1723. .am-btn-primary {
  1724. color: #ffffff;
  1725. background-color: #0e90d2;
  1726. border-color: #0e90d2;
  1727. }
  1728. .am-btn-primary:hover,
  1729. .am-btn-primary:focus,
  1730. .am-btn-primary:active,
  1731. .am-btn-primary.am-active,
  1732. .am-active .am-btn-primary.am-dropdown-toggle {
  1733. color: #ffffff;
  1734. background-color: #0a6999;
  1735. border-color: #0a6999;
  1736. }
  1737. .am-btn-primary:active,
  1738. .am-btn-primary.am-btn-active,
  1739. .am-active .am-btn-primary.am-dropdown-toggle {
  1740. background-image: none;
  1741. }
  1742. .am-btn-primary.am-disabled,
  1743. .am-btn-primary[disabled],
  1744. fieldset[disabled] .am-btn-primary,
  1745. .am-btn-primary.am-disabled:hover,
  1746. .am-btn-primary[disabled]:hover,
  1747. fieldset[disabled] .am-btn-primary:hover,
  1748. .am-btn-primary.am-disabled:focus,
  1749. .am-btn-primary[disabled]:focus,
  1750. fieldset[disabled] .am-btn-primary:focus,
  1751. .am-btn-primary.am-disabled:active,
  1752. .am-btn-primary[disabled]:active,
  1753. fieldset[disabled] .am-btn-primary:active,
  1754. .am-btn-primary.am-disabled.am-btn-active,
  1755. .am-btn-primary[disabled].am-btn-active,
  1756. fieldset[disabled] .am-btn-primary.am-btn-active {
  1757. background-color: #0e90d2;
  1758. border-color: #0e90d2;
  1759. }
  1760. .am-btn-group .am-btn-primary,
  1761. .am-btn-group-stacked .am-btn-primary {
  1762. border-color: #0c80ba;
  1763. }
  1764. .am-btn-warning {
  1765. color: #ffffff;
  1766. background-color: #f37b1d;
  1767. border-color: #f37b1d;
  1768. }
  1769. .am-btn-warning:hover,
  1770. .am-btn-warning:focus,
  1771. .am-btn-warning:active,
  1772. .am-btn-warning.am-active,
  1773. .am-active .am-btn-warning.am-dropdown-toggle {
  1774. color: #ffffff;
  1775. background-color: #c85e0b;
  1776. border-color: #c85e0b;
  1777. }
  1778. .am-btn-warning:active,
  1779. .am-btn-warning.am-btn-active,
  1780. .am-active .am-btn-warning.am-dropdown-toggle {
  1781. background-image: none;
  1782. }
  1783. .am-btn-warning.am-disabled,
  1784. .am-btn-warning[disabled],
  1785. fieldset[disabled] .am-btn-warning,
  1786. .am-btn-warning.am-disabled:hover,
  1787. .am-btn-warning[disabled]:hover,
  1788. fieldset[disabled] .am-btn-warning:hover,
  1789. .am-btn-warning.am-disabled:focus,
  1790. .am-btn-warning[disabled]:focus,
  1791. fieldset[disabled] .am-btn-warning:focus,
  1792. .am-btn-warning.am-disabled:active,
  1793. .am-btn-warning[disabled]:active,
  1794. fieldset[disabled] .am-btn-warning:active,
  1795. .am-btn-warning.am-disabled.am-btn-active,
  1796. .am-btn-warning[disabled].am-btn-active,
  1797. fieldset[disabled] .am-btn-warning.am-btn-active {
  1798. background-color: #f37b1d;
  1799. border-color: #f37b1d;
  1800. }
  1801. .am-btn-group .am-btn-warning,
  1802. .am-btn-group-stacked .am-btn-warning {
  1803. border-color: #ea6e0c;
  1804. }
  1805. .am-btn-danger {
  1806. color: #ffffff;
  1807. background-color: #dd514c;
  1808. border-color: #dd514c;
  1809. }
  1810. .am-btn-danger:hover,
  1811. .am-btn-danger:focus,
  1812. .am-btn-danger:active,
  1813. .am-btn-danger.am-active,
  1814. .am-active .am-btn-danger.am-dropdown-toggle {
  1815. color: #ffffff;
  1816. background-color: #c62b26;
  1817. border-color: #c62b26;
  1818. }
  1819. .am-btn-danger:active,
  1820. .am-btn-danger.am-btn-active,
  1821. .am-active .am-btn-danger.am-dropdown-toggle {
  1822. background-image: none;
  1823. }
  1824. .am-btn-danger.am-disabled,
  1825. .am-btn-danger[disabled],
  1826. fieldset[disabled] .am-btn-danger,
  1827. .am-btn-danger.am-disabled:hover,
  1828. .am-btn-danger[disabled]:hover,
  1829. fieldset[disabled] .am-btn-danger:hover,
  1830. .am-btn-danger.am-disabled:focus,
  1831. .am-btn-danger[disabled]:focus,
  1832. fieldset[disabled] .am-btn-danger:focus,
  1833. .am-btn-danger.am-disabled:active,
  1834. .am-btn-danger[disabled]:active,
  1835. fieldset[disabled] .am-btn-danger:active,
  1836. .am-btn-danger.am-disabled.am-btn-active,
  1837. .am-btn-danger[disabled].am-btn-active,
  1838. fieldset[disabled] .am-btn-danger.am-btn-active {
  1839. background-color: #dd514c;
  1840. border-color: #dd514c;
  1841. }
  1842. .am-btn-group .am-btn-danger,
  1843. .am-btn-group-stacked .am-btn-danger {
  1844. border-color: #d93c37;
  1845. }
  1846. .am-btn-success {
  1847. color: #ffffff;
  1848. background-color: #5eb95e;
  1849. border-color: #5eb95e;
  1850. }
  1851. .am-btn-success:hover,
  1852. .am-btn-success:focus,
  1853. .am-btn-success:active,
  1854. .am-btn-success.am-active,
  1855. .am-active .am-btn-success.am-dropdown-toggle {
  1856. color: #ffffff;
  1857. background-color: #429842;
  1858. border-color: #429842;
  1859. }
  1860. .am-btn-success:active,
  1861. .am-btn-success.am-btn-active,
  1862. .am-active .am-btn-success.am-dropdown-toggle {
  1863. background-image: none;
  1864. }
  1865. .am-btn-success.am-disabled,
  1866. .am-btn-success[disabled],
  1867. fieldset[disabled] .am-btn-success,
  1868. .am-btn-success.am-disabled:hover,
  1869. .am-btn-success[disabled]:hover,
  1870. fieldset[disabled] .am-btn-success:hover,
  1871. .am-btn-success.am-disabled:focus,
  1872. .am-btn-success[disabled]:focus,
  1873. fieldset[disabled] .am-btn-success:focus,
  1874. .am-btn-success.am-disabled:active,
  1875. .am-btn-success[disabled]:active,
  1876. fieldset[disabled] .am-btn-success:active,
  1877. .am-btn-success.am-disabled.am-btn-active,
  1878. .am-btn-success[disabled].am-btn-active,
  1879. fieldset[disabled] .am-btn-success.am-btn-active {
  1880. background-color: #5eb95e;
  1881. border-color: #5eb95e;
  1882. }
  1883. .am-btn-group .am-btn-success,
  1884. .am-btn-group-stacked .am-btn-success {
  1885. border-color: #4db14d;
  1886. }
  1887. .am-btn-secondary {
  1888. color: #ffffff;
  1889. background-color: #3bb4f2;
  1890. border-color: #3bb4f2;
  1891. }
  1892. .am-btn-secondary:hover,
  1893. .am-btn-secondary:focus,
  1894. .am-btn-secondary:active,
  1895. .am-btn-secondary.am-active,
  1896. .am-active .am-btn-secondary.am-dropdown-toggle {
  1897. color: #ffffff;
  1898. background-color: #0f9ae0;
  1899. border-color: #0f9ae0;
  1900. }
  1901. .am-btn-secondary:active,
  1902. .am-btn-secondary.am-btn-active,
  1903. .am-active .am-btn-secondary.am-dropdown-toggle {
  1904. background-image: none;
  1905. }
  1906. .am-btn-secondary.am-disabled,
  1907. .am-btn-secondary[disabled],
  1908. fieldset[disabled] .am-btn-secondary,
  1909. .am-btn-secondary.am-disabled:hover,
  1910. .am-btn-secondary[disabled]:hover,
  1911. fieldset[disabled] .am-btn-secondary:hover,
  1912. .am-btn-secondary.am-disabled:focus,
  1913. .am-btn-secondary[disabled]:focus,
  1914. fieldset[disabled] .am-btn-secondary:focus,
  1915. .am-btn-secondary.am-disabled:active,
  1916. .am-btn-secondary[disabled]:active,
  1917. fieldset[disabled] .am-btn-secondary:active,
  1918. .am-btn-secondary.am-disabled.am-btn-active,
  1919. .am-btn-secondary[disabled].am-btn-active,
  1920. fieldset[disabled] .am-btn-secondary.am-btn-active {
  1921. background-color: #3bb4f2;
  1922. border-color: #3bb4f2;
  1923. }
  1924. .am-btn-group .am-btn-secondary,
  1925. .am-btn-group-stacked .am-btn-secondary {
  1926. border-color: #23abf0;
  1927. }
  1928. /* Style links like a button */
  1929. .am-btn-link {
  1930. color: #0e90d2;
  1931. font-weight: normal;
  1932. cursor: pointer;
  1933. border-radius: 0;
  1934. }
  1935. .am-btn-link,
  1936. .am-btn-link:active,
  1937. .am-btn-link[disabled],
  1938. fieldset[disabled] .am-btn-link {
  1939. background-color: transparent;
  1940. -webkit-box-shadow: none;
  1941. box-shadow: none;
  1942. }
  1943. .am-btn-link,
  1944. .am-btn-link:hover,
  1945. .am-btn-link:focus,
  1946. .am-btn-link:active {
  1947. border-color: transparent;
  1948. }
  1949. .am-btn-link:hover,
  1950. .am-btn-link:focus {
  1951. color: #095f8a;
  1952. text-decoration: underline;
  1953. background-color: transparent;
  1954. }
  1955. .am-btn-link[disabled]:hover,
  1956. fieldset[disabled] .am-btn-link:hover,
  1957. .am-btn-link[disabled]:focus,
  1958. fieldset[disabled] .am-btn-link:focus {
  1959. color: #999999;
  1960. text-decoration: none;
  1961. }
  1962. /* button size */
  1963. .am-btn-xs {
  1964. font-size: 1.2rem;
  1965. }
  1966. .am-btn-sm {
  1967. font-size: 1.4rem;
  1968. }
  1969. .am-btn-lg {
  1970. font-size: 1.8rem;
  1971. }
  1972. .am-btn-xl {
  1973. font-size: 2rem;
  1974. }
  1975. /* Block button */
  1976. .am-btn-block {
  1977. display: block;
  1978. width: 100%;
  1979. padding-left: 0;
  1980. padding-right: 0;
  1981. }
  1982. /* Multiple block buttons vertically space */
  1983. .am-btn-block + .am-btn-block {
  1984. margin-top: 5px;
  1985. }
  1986. /* Specificity overrides */
  1987. input[type="submit"].am-btn-block,
  1988. input[type="reset"].am-btn-block,
  1989. input[type="button"].am-btn-block {
  1990. width: 100%;
  1991. }
  1992. /* Button with loading spinner */
  1993. .am-btn.am-btn-loading .am-icon-spin {
  1994. margin-right: 5px;
  1995. }
  1996. /* ==========================================================================
  1997. Component: Table
  1998. ============================================================================ */
  1999. table {
  2000. max-width: 100%;
  2001. background-color: transparent;
  2002. empty-cells: show;
  2003. }
  2004. table code {
  2005. white-space: normal;
  2006. }
  2007. th {
  2008. text-align: left;
  2009. }
  2010. .am-table {
  2011. width: 100%;
  2012. margin-bottom: 1.6rem;
  2013. border-spacing: 0;
  2014. border-collapse: separate;
  2015. }
  2016. .am-table > thead > tr > th,
  2017. .am-table > tbody > tr > th,
  2018. .am-table > tfoot > tr > th,
  2019. .am-table > thead > tr > td,
  2020. .am-table > tbody > tr > td,
  2021. .am-table > tfoot > tr > td {
  2022. padding: 0.7rem;
  2023. line-height: 1.6;
  2024. vertical-align: top;
  2025. border-top: 1px solid #dddddd;
  2026. }
  2027. .am-table > thead > tr > th {
  2028. vertical-align: bottom;
  2029. border-bottom: 1px solid #dddddd;
  2030. }
  2031. .am-table > caption + thead > tr:first-child > th,
  2032. .am-table > colgroup + thead > tr:first-child > th,
  2033. .am-table > thead:first-child > tr:first-child > th,
  2034. .am-table > caption + thead > tr:first-child > td,
  2035. .am-table > colgroup + thead > tr:first-child > td,
  2036. .am-table > thead:first-child > tr:first-child > td {
  2037. border-top: 0;
  2038. }
  2039. .am-table > tbody + tbody tr:first-child td {
  2040. border-top: 2px solid #dddddd;
  2041. }
  2042. /* Bordered version */
  2043. .am-table-bordered {
  2044. border: 1px solid #dddddd;
  2045. }
  2046. .am-table-bordered > thead > tr > th,
  2047. .am-table-bordered > tbody > tr > th,
  2048. .am-table-bordered > tfoot > tr > th,
  2049. .am-table-bordered > thead > tr > td,
  2050. .am-table-bordered > tbody > tr > td,
  2051. .am-table-bordered > tfoot > tr > td {
  2052. border-left: 1px solid #dddddd;
  2053. }
  2054. .am-table-bordered > thead > tr > th:first-child,
  2055. .am-table-bordered > tbody > tr > th:first-child,
  2056. .am-table-bordered > tfoot > tr > th:first-child,
  2057. .am-table-bordered > thead > tr > td:first-child,
  2058. .am-table-bordered > tbody > tr > td:first-child,
  2059. .am-table-bordered > tfoot > tr > td:first-child {
  2060. border-left: none;
  2061. }
  2062. /* Border-radius version */
  2063. .am-table-radius {
  2064. border: 1px solid #dddddd;
  2065. border-radius: 2px;
  2066. }
  2067. .am-table-radius > thead > tr:first-child > th:first-child,
  2068. .am-table-radius > thead > tr:first-child > td:first-child {
  2069. border-top-left-radius: 2px;
  2070. border-left: none;
  2071. }
  2072. .am-table-radius > thead > tr:first-child > th:last-child,
  2073. .am-table-radius > thead > tr:first-child > td:last-child {
  2074. border-top-right-radius: 2px;
  2075. border-right: none;
  2076. }
  2077. .am-table-radius > tbody > tr > th:first-child,
  2078. .am-table-radius > tbody > tr > td:first-child {
  2079. border-left: none;
  2080. }
  2081. .am-table-radius > tbody > tr > th:last-child,
  2082. .am-table-radius > tbody > tr > td:last-child {
  2083. border-right: none;
  2084. }
  2085. .am-table-radius > tbody > tr:last-child > th,
  2086. .am-table-radius > tbody > tr:last-child > td {
  2087. border-bottom: none;
  2088. }
  2089. .am-table-radius > tbody > tr:last-child > th:first-child,
  2090. .am-table-radius > tbody > tr:last-child > td:first-child {
  2091. border-bottom-left-radius: 2px;
  2092. }
  2093. .am-table-radius > tbody > tr:last-child > th:last-child,
  2094. .am-table-radius > tbody > tr:last-child > td:last-child {
  2095. border-bottom-right-radius: 2px;
  2096. }
  2097. /* Zebra-striping */
  2098. .am-table-striped > tbody > tr:nth-child(odd) > td,
  2099. .am-table-striped > tbody > tr:nth-child(odd) > th {
  2100. background-color: #f9f9f9;
  2101. }
  2102. /* Hover effect */
  2103. .am-table-hover > tbody > tr:hover > td,
  2104. .am-table-hover > tbody > tr:hover > th {
  2105. background-color: #e9e9e9;
  2106. }
  2107. .am-table > thead > tr > td.am-active,
  2108. .am-table > tbody > tr > td.am-active,
  2109. .am-table > tfoot > tr > td.am-active,
  2110. .am-table > thead > tr > th.am-active,
  2111. .am-table > tbody > tr > th.am-active,
  2112. .am-table > tfoot > tr > th.am-active,
  2113. .am-table > thead > tr.am-active > td,
  2114. .am-table > tbody > tr.am-active > td,
  2115. .am-table > tfoot > tr.am-active > td,
  2116. .am-table > thead > tr.am-active > th,
  2117. .am-table > tbody > tr.am-active > th,
  2118. .am-table > tfoot > tr.am-active > th {
  2119. background-color: #ffffdd;
  2120. }
  2121. .am-table > thead > tr > td.am-disabled,
  2122. .am-table > tbody > tr > td.am-disabled,
  2123. .am-table > tfoot > tr > td.am-disabled,
  2124. .am-table > thead > tr > th.am-disabled,
  2125. .am-table > tbody > tr > th.am-disabled,
  2126. .am-table > tfoot > tr > th.am-disabled,
  2127. .am-table > thead > tr.am-disabled > td,
  2128. .am-table > tbody > tr.am-disabled > td,
  2129. .am-table > tfoot > tr.am-disabled > td,
  2130. .am-table > thead > tr.am-disabled > th,
  2131. .am-table > tbody > tr.am-disabled > th,
  2132. .am-table > tfoot > tr.am-disabled > th {
  2133. color: #999999;
  2134. }
  2135. .am-table > thead > tr > td.am-primary,
  2136. .am-table > tbody > tr > td.am-primary,
  2137. .am-table > tfoot > tr > td.am-primary,
  2138. .am-table > thead > tr > th.am-primary,
  2139. .am-table > tbody > tr > th.am-primary,
  2140. .am-table > tfoot > tr > th.am-primary,
  2141. .am-table > thead > tr.am-primary > td,
  2142. .am-table > tbody > tr.am-primary > td,
  2143. .am-table > tfoot > tr.am-primary > td,
  2144. .am-table > thead > tr.am-primary > th,
  2145. .am-table > tbody > tr.am-primary > th,
  2146. .am-table > tfoot > tr.am-primary > th {
  2147. color: #0b76ac;
  2148. background-color: rgba(14, 144, 210, 0.115);
  2149. }
  2150. .am-table > thead > tr > td.am-success,
  2151. .am-table > tbody > tr > td.am-success,
  2152. .am-table > tfoot > tr > td.am-success,
  2153. .am-table > thead > tr > th.am-success,
  2154. .am-table > tbody > tr > th.am-success,
  2155. .am-table > tfoot > tr > th.am-success,
  2156. .am-table > thead > tr.am-success > td,
  2157. .am-table > tbody > tr.am-success > td,
  2158. .am-table > tfoot > tr.am-success > td,
  2159. .am-table > thead > tr.am-success > th,
  2160. .am-table > tbody > tr.am-success > th,
  2161. .am-table > tfoot > tr.am-success > th {
  2162. color: #5eb95e;
  2163. background-color: rgba(94, 185, 94, 0.115);
  2164. }
  2165. .am-table > thead > tr > td.am-warning,
  2166. .am-table > tbody > tr > td.am-warning,
  2167. .am-table > tfoot > tr > td.am-warning,
  2168. .am-table > thead > tr > th.am-warning,
  2169. .am-table > tbody > tr > th.am-warning,
  2170. .am-table > tfoot > tr > th.am-warning,
  2171. .am-table > thead > tr.am-warning > td,
  2172. .am-table > tbody > tr.am-warning > td,
  2173. .am-table > tfoot > tr.am-warning > td,
  2174. .am-table > thead > tr.am-warning > th,
  2175. .am-table > tbody > tr.am-warning > th,
  2176. .am-table > tfoot > tr.am-warning > th {
  2177. color: #f37b1d;
  2178. background-color: rgba(243, 123, 29, 0.115);
  2179. }
  2180. .am-table > thead > tr > td.am-danger,
  2181. .am-table > tbody > tr > td.am-danger,
  2182. .am-table > tfoot > tr > td.am-danger,
  2183. .am-table > thead > tr > th.am-danger,
  2184. .am-table > tbody > tr > th.am-danger,
  2185. .am-table > tfoot > tr > th.am-danger,
  2186. .am-table > thead > tr.am-danger > td,
  2187. .am-table > tbody > tr.am-danger > td,
  2188. .am-table > tfoot > tr.am-danger > td,
  2189. .am-table > thead > tr.am-danger > th,
  2190. .am-table > tbody > tr.am-danger > th,
  2191. .am-table > tfoot > tr.am-danger > th {
  2192. color: #dd514c;
  2193. background-color: rgba(221, 81, 76, 0.115);
  2194. }
  2195. /* ==========================================================================
  2196. Component: Form
  2197. ============================================================================ */
  2198. /* Normalize */
  2199. fieldset {
  2200. border: none;
  2201. }
  2202. legend {
  2203. display: block;
  2204. width: 100%;
  2205. margin-bottom: 2rem;
  2206. font-size: 2rem;
  2207. line-height: inherit;
  2208. color: #333333;
  2209. border-bottom: 1px solid #e5e5e5;
  2210. padding-bottom: 0.5rem;
  2211. }
  2212. label {
  2213. display: inline-block;
  2214. margin-bottom: 5px;
  2215. font-weight: bold;
  2216. }
  2217. input[type="search"] {
  2218. -webkit-box-sizing: border-box;
  2219. box-sizing: border-box;
  2220. }
  2221. input[type="radio"],
  2222. input[type="checkbox"] {
  2223. margin: 4px 0 0;
  2224. margin-top: 1px \9;
  2225. /* IE8-9 */
  2226. line-height: normal;
  2227. }
  2228. input[type="file"] {
  2229. display: block;
  2230. }
  2231. select[multiple],
  2232. select[size] {
  2233. height: auto;
  2234. }
  2235. select optgroup {
  2236. font-size: inherit;
  2237. font-style: inherit;
  2238. font-family: inherit;
  2239. }
  2240. input[type="file"]:focus,
  2241. input[type="radio"]:focus,
  2242. input[type="checkbox"]:focus {
  2243. outline: thin dotted;
  2244. outline: 5px auto -webkit-focus-ring-color;
  2245. outline-offset: -2px;
  2246. }
  2247. input[type="number"]::-webkit-outer-spin-button,
  2248. input[type="number"]::-webkit-inner-spin-button {
  2249. height: auto;
  2250. }
  2251. output {
  2252. display: block;
  2253. padding-top: 1.6rem;
  2254. font-size: 1.6rem;
  2255. line-height: 1.6;
  2256. color: #555555;
  2257. vertical-align: middle;
  2258. }
  2259. /* Common form controls */
  2260. .am-form select,
  2261. .am-form textarea,
  2262. .am-form input[type="text"],
  2263. .am-form input[type="password"],
  2264. .am-form input[type="datetime"],
  2265. .am-form input[type="datetime-local"],
  2266. .am-form input[type="date"],
  2267. .am-form input[type="month"],
  2268. .am-form input[type="time"],
  2269. .am-form input[type="week"],
  2270. .am-form input[type="number"],
  2271. .am-form input[type="email"],
  2272. .am-form input[type="url"],
  2273. .am-form input[type="search"],
  2274. .am-form input[type="tel"],
  2275. .am-form input[type="color"],
  2276. .am-form-field {
  2277. display: block;
  2278. width: 100%;
  2279. padding: 0.625em;
  2280. font-size: 1.6rem;
  2281. line-height: 1.2;
  2282. color: #555555;
  2283. vertical-align: middle;
  2284. background-color: #ffffff;
  2285. background-image: none;
  2286. border: 1px solid #cccccc;
  2287. border-radius: 0;
  2288. -webkit-appearance: none;
  2289. -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  2290. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  2291. }
  2292. .am-form select:focus,
  2293. .am-form textarea:focus,
  2294. .am-form input[type="text"]:focus,
  2295. .am-form input[type="password"]:focus,
  2296. .am-form input[type="datetime"]:focus,
  2297. .am-form input[type="datetime-local"]:focus,
  2298. .am-form input[type="date"]:focus,
  2299. .am-form input[type="month"]:focus,
  2300. .am-form input[type="time"]:focus,
  2301. .am-form input[type="week"]:focus,
  2302. .am-form input[type="number"]:focus,
  2303. .am-form input[type="email"]:focus,
  2304. .am-form input[type="url"]:focus,
  2305. .am-form input[type="search"]:focus,
  2306. .am-form input[type="tel"]:focus,
  2307. .am-form input[type="color"]:focus,
  2308. .am-form-field:focus {
  2309. outline: 0;
  2310. }
  2311. .am-form select:focus,
  2312. .am-form textarea:focus,
  2313. .am-form input[type="text"]:focus,
  2314. .am-form input[type="password"]:focus,
  2315. .am-form input[type="datetime"]:focus,
  2316. .am-form input[type="datetime-local"]:focus,
  2317. .am-form input[type="date"]:focus,
  2318. .am-form input[type="month"]:focus,
  2319. .am-form input[type="time"]:focus,
  2320. .am-form input[type="week"]:focus,
  2321. .am-form input[type="number"]:focus,
  2322. .am-form input[type="email"]:focus,
  2323. .am-form input[type="url"]:focus,
  2324. .am-form input[type="search"]:focus,
  2325. .am-form input[type="tel"]:focus,
  2326. .am-form input[type="color"]:focus,
  2327. .am-form-field:focus {
  2328. background-color: #fefffe;
  2329. border-color: #3bb4f2;
  2330. outline: 0;
  2331. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59, 180, 242, 0.3);
  2332. box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59, 180, 242, 0.3);
  2333. }
  2334. .am-form select::-webkit-input-placeholder,
  2335. .am-form textarea::-webkit-input-placeholder,
  2336. .am-form input[type="text"]::-webkit-input-placeholder,
  2337. .am-form input[type="password"]::-webkit-input-placeholder,
  2338. .am-form input[type="datetime"]::-webkit-input-placeholder,
  2339. .am-form input[type="datetime-local"]::-webkit-input-placeholder,
  2340. .am-form input[type="date"]::-webkit-input-placeholder,
  2341. .am-form input[type="month"]::-webkit-input-placeholder,
  2342. .am-form input[type="time"]::-webkit-input-placeholder,
  2343. .am-form input[type="week"]::-webkit-input-placeholder,
  2344. .am-form input[type="number"]::-webkit-input-placeholder,
  2345. .am-form input[type="email"]::-webkit-input-placeholder,
  2346. .am-form input[type="url"]::-webkit-input-placeholder,
  2347. .am-form input[type="search"]::-webkit-input-placeholder,
  2348. .am-form input[type="tel"]::-webkit-input-placeholder,
  2349. .am-form input[type="color"]::-webkit-input-placeholder,
  2350. .am-form-field::-webkit-input-placeholder {
  2351. color: #999999;
  2352. }
  2353. .am-form select::-moz-placeholder,
  2354. .am-form textarea::-moz-placeholder,
  2355. .am-form input[type="text"]::-moz-placeholder,
  2356. .am-form input[type="password"]::-moz-placeholder,
  2357. .am-form input[type="datetime"]::-moz-placeholder,
  2358. .am-form input[type="datetime-local"]::-moz-placeholder,
  2359. .am-form input[type="date"]::-moz-placeholder,
  2360. .am-form input[type="month"]::-moz-placeholder,
  2361. .am-form input[type="time"]::-moz-placeholder,
  2362. .am-form input[type="week"]::-moz-placeholder,
  2363. .am-form input[type="number"]::-moz-placeholder,
  2364. .am-form input[type="email"]::-moz-placeholder,
  2365. .am-form input[type="url"]::-moz-placeholder,
  2366. .am-form input[type="search"]::-moz-placeholder,
  2367. .am-form input[type="tel"]::-moz-placeholder,
  2368. .am-form input[type="color"]::-moz-placeholder,
  2369. .am-form-field::-moz-placeholder {
  2370. color: #999999;
  2371. }
  2372. .am-form select:-ms-input-placeholder,
  2373. .am-form textarea:-ms-input-placeholder,
  2374. .am-form input[type="text"]:-ms-input-placeholder,
  2375. .am-form input[type="password"]:-ms-input-placeholder,
  2376. .am-form input[type="datetime"]:-ms-input-placeholder,
  2377. .am-form input[type="datetime-local"]:-ms-input-placeholder,
  2378. .am-form input[type="date"]:-ms-input-placeholder,
  2379. .am-form input[type="month"]:-ms-input-placeholder,
  2380. .am-form input[type="time"]:-ms-input-placeholder,
  2381. .am-form input[type="week"]:-ms-input-placeholder,
  2382. .am-form input[type="number"]:-ms-input-placeholder,
  2383. .am-form input[type="email"]:-ms-input-placeholder,
  2384. .am-form input[type="url"]:-ms-input-placeholder,
  2385. .am-form input[type="search"]:-ms-input-placeholder,
  2386. .am-form input[type="tel"]:-ms-input-placeholder,
  2387. .am-form input[type="color"]:-ms-input-placeholder,
  2388. .am-form-field:-ms-input-placeholder {
  2389. color: #999999;
  2390. }
  2391. .am-form select::placeholder,
  2392. .am-form textarea::placeholder,
  2393. .am-form input[type="text"]::placeholder,
  2394. .am-form input[type="password"]::placeholder,
  2395. .am-form input[type="datetime"]::placeholder,
  2396. .am-form input[type="datetime-local"]::placeholder,
  2397. .am-form input[type="date"]::placeholder,
  2398. .am-form input[type="month"]::placeholder,
  2399. .am-form input[type="time"]::placeholder,
  2400. .am-form input[type="week"]::placeholder,
  2401. .am-form input[type="number"]::placeholder,
  2402. .am-form input[type="email"]::placeholder,
  2403. .am-form input[type="url"]::placeholder,
  2404. .am-form input[type="search"]::placeholder,
  2405. .am-form input[type="tel"]::placeholder,
  2406. .am-form input[type="color"]::placeholder,
  2407. .am-form-field::placeholder {
  2408. color: #999999;
  2409. }
  2410. .am-form select::-moz-placeholder,
  2411. .am-form textarea::-moz-placeholder,
  2412. .am-form input[type="text"]::-moz-placeholder,
  2413. .am-form input[type="password"]::-moz-placeholder,
  2414. .am-form input[type="datetime"]::-moz-placeholder,
  2415. .am-form input[type="datetime-local"]::-moz-placeholder,
  2416. .am-form input[type="date"]::-moz-placeholder,
  2417. .am-form input[type="month"]::-moz-placeholder,
  2418. .am-form input[type="time"]::-moz-placeholder,
  2419. .am-form input[type="week"]::-moz-placeholder,
  2420. .am-form input[type="number"]::-moz-placeholder,
  2421. .am-form input[type="email"]::-moz-placeholder,
  2422. .am-form input[type="url"]::-moz-placeholder,
  2423. .am-form input[type="search"]::-moz-placeholder,
  2424. .am-form input[type="tel"]::-moz-placeholder,
  2425. .am-form input[type="color"]::-moz-placeholder,
  2426. .am-form-field::-moz-placeholder {
  2427. opacity: 1;
  2428. }
  2429. .am-form select[disabled],
  2430. .am-form textarea[disabled],
  2431. .am-form input[type="text"][disabled],
  2432. .am-form input[type="password"][disabled],
  2433. .am-form input[type="datetime"][disabled],
  2434. .am-form input[type="datetime-local"][disabled],
  2435. .am-form input[type="date"][disabled],
  2436. .am-form input[type="month"][disabled],
  2437. .am-form input[type="time"][disabled],
  2438. .am-form input[type="week"][disabled],
  2439. .am-form input[type="number"][disabled],
  2440. .am-form input[type="email"][disabled],
  2441. .am-form input[type="url"][disabled],
  2442. .am-form input[type="search"][disabled],
  2443. .am-form input[type="tel"][disabled],
  2444. .am-form input[type="color"][disabled],
  2445. .am-form-field[disabled],
  2446. .am-form select[readonly],
  2447. .am-form textarea[readonly],
  2448. .am-form input[type="text"][readonly],
  2449. .am-form input[type="password"][readonly],
  2450. .am-form input[type="datetime"][readonly],
  2451. .am-form input[type="datetime-local"][readonly],
  2452. .am-form input[type="date"][readonly],
  2453. .am-form input[type="month"][readonly],
  2454. .am-form input[type="time"][readonly],
  2455. .am-form input[type="week"][readonly],
  2456. .am-form input[type="number"][readonly],
  2457. .am-form input[type="email"][readonly],
  2458. .am-form input[type="url"][readonly],
  2459. .am-form input[type="search"][readonly],
  2460. .am-form input[type="tel"][readonly],
  2461. .am-form input[type="color"][readonly],
  2462. .am-form-field[readonly],
  2463. fieldset[disabled] .am-form select,
  2464. fieldset[disabled] .am-form textarea,
  2465. fieldset[disabled] .am-form input[type="text"],
  2466. fieldset[disabled] .am-form input[type="password"],
  2467. fieldset[disabled] .am-form input[type="datetime"],
  2468. fieldset[disabled] .am-form input[type="datetime-local"],
  2469. fieldset[disabled] .am-form input[type="date"],
  2470. fieldset[disabled] .am-form input[type="month"],
  2471. fieldset[disabled] .am-form input[type="time"],
  2472. fieldset[disabled] .am-form input[type="week"],
  2473. fieldset[disabled] .am-form input[type="number"],
  2474. fieldset[disabled] .am-form input[type="email"],
  2475. fieldset[disabled] .am-form input[type="url"],
  2476. fieldset[disabled] .am-form input[type="search"],
  2477. fieldset[disabled] .am-form input[type="tel"],
  2478. fieldset[disabled] .am-form input[type="color"],
  2479. fieldset[disabled] .am-form-field {
  2480. cursor: not-allowed;
  2481. background-color: #eeeeee;
  2482. }
  2483. .am-form select.am-radius,
  2484. .am-form textarea.am-radius,
  2485. .am-form input[type="text"].am-radius,
  2486. .am-form input[type="password"].am-radius,
  2487. .am-form input[type="datetime"].am-radius,
  2488. .am-form input[type="datetime-local"].am-radius,
  2489. .am-form input[type="date"].am-radius,
  2490. .am-form input[type="month"].am-radius,
  2491. .am-form input[type="time"].am-radius,
  2492. .am-form input[type="week"].am-radius,
  2493. .am-form input[type="number"].am-radius,
  2494. .am-form input[type="email"].am-radius,
  2495. .am-form input[type="url"].am-radius,
  2496. .am-form input[type="search"].am-radius,
  2497. .am-form input[type="tel"].am-radius,
  2498. .am-form input[type="color"].am-radius,
  2499. .am-form-field.am-radius {
  2500. border-radius: 2px;
  2501. }
  2502. .am-form select.am-round,
  2503. .am-form textarea.am-round,
  2504. .am-form input[type="text"].am-round,
  2505. .am-form input[type="password"].am-round,
  2506. .am-form input[type="datetime"].am-round,
  2507. .am-form input[type="datetime-local"].am-round,
  2508. .am-form input[type="date"].am-round,
  2509. .am-form input[type="month"].am-round,
  2510. .am-form input[type="time"].am-round,
  2511. .am-form input[type="week"].am-round,
  2512. .am-form input[type="number"].am-round,
  2513. .am-form input[type="email"].am-round,
  2514. .am-form input[type="url"].am-round,
  2515. .am-form input[type="search"].am-round,
  2516. .am-form input[type="tel"].am-round,
  2517. .am-form input[type="color"].am-round,
  2518. .am-form-field.am-round {
  2519. border-radius: 1000px;
  2520. }
  2521. .am-form textarea,
  2522. .am-form select[multiple],
  2523. .am-form select[size] {
  2524. height: auto;
  2525. }
  2526. .am-form select {
  2527. -webkit-appearance: none !important;
  2528. -webkit-border-radius: 0;
  2529. background: #ffffff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+') no-repeat 100% center;
  2530. }
  2531. .am-form select[multiple="multiple"] {
  2532. background-image: none;
  2533. }
  2534. /* help text */
  2535. .am-form-help {
  2536. display: block;
  2537. margin-top: 5px;
  2538. margin-bottom: 10px;
  2539. color: #999999;
  2540. font-size: 1.3rem;
  2541. }
  2542. /* form group */
  2543. .am-form-group {
  2544. margin-bottom: 1.5rem;
  2545. }
  2546. /**
  2547. * Checkboxes and radios
  2548. * Indent the labels to position radios/checkboxes as hanging controls.
  2549. */
  2550. .am-radio,
  2551. .am-checkbox {
  2552. display: block;
  2553. min-height: 1.92rem;
  2554. margin-top: 10px;
  2555. margin-bottom: 10px;
  2556. padding-left: 20px;
  2557. vertical-align: middle;
  2558. }
  2559. .am-radio label,
  2560. .am-checkbox label {
  2561. display: inline;
  2562. margin-bottom: 0;
  2563. font-weight: normal;
  2564. cursor: pointer;
  2565. }
  2566. .am-radio input[type="radio"],
  2567. .am-radio-inline input[type="radio"],
  2568. .am-checkbox input[type="checkbox"],
  2569. .am-checkbox-inline input[type="checkbox"] {
  2570. float: left;
  2571. margin-left: -20px;
  2572. outline: none;
  2573. }
  2574. .am-radio + .am-radio,
  2575. .am-checkbox + .am-checkbox {
  2576. margin-top: -5px;
  2577. }
  2578. /* Radios and checkboxes inline */
  2579. .am-radio-inline,
  2580. .am-checkbox-inline {
  2581. display: inline-block;
  2582. padding-left: 20px;
  2583. margin-bottom: 0;
  2584. vertical-align: middle;
  2585. font-weight: normal;
  2586. cursor: pointer;
  2587. }
  2588. .am-radio-inline + .am-radio-inline,
  2589. .am-checkbox-inline + .am-checkbox-inline {
  2590. margin-top: 0;
  2591. margin-left: 10px;
  2592. }
  2593. input[type="radio"][disabled],
  2594. input[type="checkbox"][disabled],
  2595. .am-radio[disabled],
  2596. .am-radio-inline[disabled],
  2597. .am-checkbox[disabled],
  2598. .am-checkbox-inline[disabled],
  2599. fieldset[disabled] input[type="radio"],
  2600. fieldset[disabled] input[type="checkbox"],
  2601. fieldset[disabled] .am-radio,
  2602. fieldset[disabled] .am-radio-inline,
  2603. fieldset[disabled] .am-checkbox,
  2604. fieldset[disabled] .am-checkbox-inline {
  2605. cursor: not-allowed;
  2606. }
  2607. /* Form field feedback states */
  2608. .am-form-warning .am-form-help,
  2609. .am-form-warning .am-form-label,
  2610. .am-form-warning .am-radio,
  2611. .am-form-warning .am-checkbox,
  2612. .am-form-warning .am-radio-inline,
  2613. .am-form-warning .am-checkbox-inline,
  2614. .am-form-warning label {
  2615. color: #f37b1d;
  2616. }
  2617. .am-form-warning [class*="icon-"] {
  2618. color: #f37b1d;
  2619. }
  2620. .am-form-warning .am-form-field {
  2621. border-color: #f37b1d !important;
  2622. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2623. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2624. }
  2625. .am-form-warning .am-form-field:focus {
  2626. background-color: #fefffe;
  2627. border-color: #d2620b;
  2628. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important;
  2629. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important;
  2630. }
  2631. .am-form-error .am-form-help,
  2632. .am-form-error .am-form-label,
  2633. .am-form-error .am-radio,
  2634. .am-form-error .am-checkbox,
  2635. .am-form-error .am-radio-inline,
  2636. .am-form-error .am-checkbox-inline,
  2637. .am-form-error label {
  2638. color: #dd514c;
  2639. }
  2640. .am-form-error [class*="icon-"] {
  2641. color: #dd514c;
  2642. }
  2643. .am-form-error .am-form-field,
  2644. .am-field-error {
  2645. border-color: #dd514c !important;
  2646. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2647. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2648. }
  2649. .am-form-error .am-form-field:focus,
  2650. .am-field-error:focus {
  2651. background-color: #fefffe;
  2652. border-color: #cf2d27;
  2653. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important;
  2654. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important;
  2655. }
  2656. .am-form-success .am-form-help,
  2657. .am-form-success .am-form-label,
  2658. .am-form-success .am-radio,
  2659. .am-form-success .am-checkbox,
  2660. .am-form-success .am-radio-inline,
  2661. .am-form-success .am-checkbox-inline,
  2662. .am-form-success label {
  2663. color: #5eb95e;
  2664. }
  2665. .am-form-success [class*="icon-"] {
  2666. color: #5eb95e;
  2667. }
  2668. .am-form-success .am-form-field,
  2669. .am-field-valid {
  2670. border-color: #5eb95e !important;
  2671. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2672. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  2673. }
  2674. .am-form-success .am-form-field:focus,
  2675. .am-field-valid:focus {
  2676. background-color: #fefffe;
  2677. border-color: #459f45;
  2678. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important;
  2679. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important;
  2680. }
  2681. /* Horizontal forms */
  2682. .am-form-horizontal .am-form-label,
  2683. .am-form-horizontal .am-radio,
  2684. .am-form-horizontal .am-checkbox,
  2685. .am-form-horizontal .am-radio-inline,
  2686. .am-form-horizontal .am-checkbox-inline {
  2687. margin-top: 0;
  2688. margin-bottom: 0;
  2689. padding-top: 0.6em;
  2690. }
  2691. .am-form-horizontal .am-form-group:before,
  2692. .am-form-horizontal .am-form-group:after {
  2693. content: " ";
  2694. display: table;
  2695. }
  2696. .am-form-horizontal .am-form-group:after {
  2697. clear: both;
  2698. }
  2699. @media only screen and (min-width:641px) {
  2700. .am-form-horizontal .am-form-label {
  2701. text-align: right;
  2702. }
  2703. }
  2704. /* Inline form elements */
  2705. @media only screen and (min-width:641px) {
  2706. .am-form-inline .am-form-group {
  2707. display: inline-block;
  2708. margin-bottom: 0;
  2709. vertical-align: middle;
  2710. }
  2711. .am-form-inline .am-form-field {
  2712. display: inline-block;
  2713. width: auto;
  2714. vertical-align: middle;
  2715. }
  2716. .am-form-inline .am-input-group {
  2717. display: inline-table;
  2718. vertical-align: middle;
  2719. }
  2720. .am-form-inline .am-input-group .am-input-group-addon,
  2721. .am-form-inline .am-input-group .am-input-group-btn,
  2722. .am-form-inline .am-input-group .am-form-control {
  2723. width: auto;
  2724. }
  2725. .am-form-inline .am-input-group > .am-form-field {
  2726. width: 100%;
  2727. }
  2728. .am-form-inline .am-form-label {
  2729. margin-bottom: 0;
  2730. vertical-align: middle;
  2731. }
  2732. .am-form-inline .am-radio,
  2733. .am-form-inline .am-checkbox {
  2734. display: inline-block;
  2735. margin-top: 0;
  2736. margin-bottom: 0;
  2737. padding-left: 0;
  2738. vertical-align: middle;
  2739. }
  2740. .am-form-inline .am-radio input[type="radio"],
  2741. .am-form-inline .am-checkbox input[type="checkbox"] {
  2742. float: none;
  2743. margin-left: 0;
  2744. }
  2745. .am-form-inline .am-form-feedback .am-form-field-feedback {
  2746. top: 0;
  2747. }
  2748. }
  2749. /* Form field size */
  2750. .am-input-sm {
  2751. font-size: 1.4rem !important;
  2752. }
  2753. .am-input-lg {
  2754. font-size: 1.8rem !important;
  2755. }
  2756. /* Form field feedback states */
  2757. .am-form-icon {
  2758. position: relative;
  2759. }
  2760. .am-form-icon .am-form-field {
  2761. padding-left: 1.875em !important;
  2762. }
  2763. .am-form-icon [class*='am-icon-'] {
  2764. position: absolute;
  2765. left: 0.625em;
  2766. top: 50%;
  2767. display: block;
  2768. margin-top: -0.635em;
  2769. line-height: 1;
  2770. z-index: 2;
  2771. }
  2772. /* Feedback Icon */
  2773. .am-form-feedback {
  2774. position: relative;
  2775. }
  2776. .am-form-feedback .am-form-field {
  2777. padding-left: 0.625em !important;
  2778. padding-right: 1.875em !important;
  2779. }
  2780. .am-form-feedback [class*='am-icon-'] {
  2781. right: 0.625em;
  2782. left: auto;
  2783. }
  2784. /* Form set */
  2785. .am-form-set {
  2786. margin-bottom: 1.5rem;
  2787. padding: 0;
  2788. }
  2789. .am-form-set > input {
  2790. position: relative;
  2791. top: -1px;
  2792. border-radius: 0 !important;
  2793. }
  2794. .am-form-set > input:focus {
  2795. z-index: 2;
  2796. }
  2797. .am-form-set > input:first-child {
  2798. top: 1px;
  2799. border-top-right-radius: 0 !important;
  2800. border-top-left-radius: 0 !important;
  2801. }
  2802. .am-form-set > input:last-child {
  2803. top: -2px;
  2804. border-bottom-right-radius: 0 !important;
  2805. border-bottom-left-radius: 0 !important;
  2806. }
  2807. /* ==========================================================================
  2808. Component: Image
  2809. ============================================================================ */
  2810. /* Image thumbnails */
  2811. .am-img-thumbnail {
  2812. display: inline-block;
  2813. padding: 2px;
  2814. line-height: 1.6;
  2815. background-color: #ffffff;
  2816. border: 1px solid #dddddd;
  2817. border-radius: 0;
  2818. -webkit-transition: all 0.2s ease-in-out;
  2819. transition: all 0.2s ease-in-out;
  2820. }
  2821. .am-img-thumbnail.am-radius {
  2822. border-radius: 2px;
  2823. }
  2824. .am-img-responsive {
  2825. display: block;
  2826. }
  2827. /* ==========================================================================
  2828. Component: Nav
  2829. ============================================================================ */
  2830. .am-nav {
  2831. margin-bottom: 0;
  2832. padding: 0;
  2833. list-style: none;
  2834. }
  2835. .am-nav:before,
  2836. .am-nav:after {
  2837. content: " ";
  2838. display: table;
  2839. }
  2840. .am-nav:after {
  2841. clear: both;
  2842. }
  2843. .am-nav > li {
  2844. position: relative;
  2845. display: block;
  2846. }
  2847. .am-nav > li + li {
  2848. margin-top: 5px;
  2849. }
  2850. .am-nav > li + .am-nav-header {
  2851. margin-top: 1em;
  2852. }
  2853. .am-nav > li > a {
  2854. position: relative;
  2855. display: block;
  2856. padding: 0.4em 1em;
  2857. border-radius: 0;
  2858. }
  2859. .am-nav > li > a:hover,
  2860. .am-nav > li > a:focus {
  2861. text-decoration: none;
  2862. background-color: #eeeeee;
  2863. }
  2864. .am-nav > li.am-active > a,
  2865. .am-nav > li.am-active > a:hover,
  2866. .am-nav > li.am-active > a:focus {
  2867. color: #ffffff;
  2868. background-color: #0e90d2;
  2869. cursor: default;
  2870. }
  2871. .am-nav > li.am-disabled > a {
  2872. color: #999999;
  2873. }
  2874. .am-nav > li.am-disabled > a:hover,
  2875. .am-nav > li.am-disabled > a:focus {
  2876. color: #999999;
  2877. text-decoration: none;
  2878. background-color: transparent;
  2879. cursor: not-allowed;
  2880. }
  2881. .am-nav-header {
  2882. padding: 0.4em 1em;
  2883. text-transform: uppercase;
  2884. font-weight: bold;
  2885. font-size: 100%;
  2886. color: #555555;
  2887. }
  2888. .am-nav-divider {
  2889. margin: 15px 1em !important;
  2890. border-top: 1px solid #ddd;
  2891. -webkit-box-shadow: 0 1px 0 #fff;
  2892. box-shadow: 0 1px 0 #fff;
  2893. }
  2894. .am-nav-pills > li {
  2895. float: left;
  2896. }
  2897. .am-nav-pills > li + li {
  2898. margin-left: 5px;
  2899. margin-top: 0;
  2900. }
  2901. .am-nav-tabs {
  2902. border-bottom: 1px solid #dddddd;
  2903. }
  2904. .am-nav-tabs > li {
  2905. float: left;
  2906. margin-bottom: -1px;
  2907. }
  2908. .am-nav-tabs > li + li {
  2909. margin-top: 0;
  2910. }
  2911. .am-nav-tabs > li > a {
  2912. margin-right: 5px;
  2913. line-height: 1.6;
  2914. border: 1px solid transparent;
  2915. border-radius: 0 0 0 0;
  2916. }
  2917. .am-nav-tabs > li > a:hover {
  2918. border-color: #eeeeee #eeeeee #dddddd;
  2919. }
  2920. .am-nav-tabs > li.am-active > a,
  2921. .am-nav-tabs > li.am-active > a:hover,
  2922. .am-nav-tabs > li.am-active > a:focus {
  2923. color: #555555;
  2924. background-color: #ffffff;
  2925. border: 1px solid #dddddd;
  2926. border-bottom-color: transparent;
  2927. cursor: default;
  2928. }
  2929. .am-nav-tabs.am-nav-justify {
  2930. border-bottom: 0
  2931. /* > li > a {
  2932. margin-right: 0;
  2933. border-radius: @global-radius;
  2934. }
  2935. > .am-active > a {
  2936. &,
  2937. &:hover,
  2938. &:focus {
  2939. border: 1px solid @nav-tabs-justify-link-border-color;
  2940. }
  2941. }*/
  2942. }
  2943. .am-nav-tabs.am-nav-justify > li > a {
  2944. margin-right: 0;
  2945. border-bottom: 1px solid #dddddd;
  2946. border-radius: 0 0 0 0;
  2947. }
  2948. .am-nav-tabs.am-nav-justify > .am-active > a,
  2949. .am-nav-tabs.am-nav-justify > .am-active > a:hover,
  2950. .am-nav-tabs.am-nav-justify > .am-active > a:focus {
  2951. border-bottom-color: #ffffff;
  2952. }
  2953. .am-nav-justify {
  2954. width: 100%;
  2955. display: -webkit-box;
  2956. display: -webkit-flex;
  2957. display: -ms-flexbox;
  2958. display: flex;
  2959. }
  2960. .am-nav-justify > li {
  2961. float: none;
  2962. -webkit-box-flex: 1;
  2963. -webkit-flex: 1;
  2964. -ms-flex: 1;
  2965. flex: 1;
  2966. }
  2967. .am-nav-justify > li > a {
  2968. text-align: center;
  2969. margin-bottom: 0;
  2970. }
  2971. .lte9 .am-nav-justify > li {
  2972. display: table-cell;
  2973. width: 1%;
  2974. }
  2975. /* ==========================================================================
  2976. Component: Topbar
  2977. ============================================================================ */
  2978. .am-topbar {
  2979. position: relative;
  2980. min-height: 50px;
  2981. margin-bottom: 1.6rem;
  2982. background: #f8f8f8;
  2983. border-width: 0 0 1px;
  2984. border-style: solid;
  2985. border-color: #dddddd;
  2986. color: #666666;
  2987. }
  2988. .am-topbar:before,
  2989. .am-topbar:after {
  2990. content: " ";
  2991. display: table;
  2992. }
  2993. .am-topbar:after {
  2994. clear: both;
  2995. }
  2996. .am-topbar a {
  2997. color: #666666;
  2998. }
  2999. .am-topbar-brand {
  3000. margin: 0;
  3001. }
  3002. @media only screen and (min-width:641px) {
  3003. .am-topbar-brand {
  3004. float: left;
  3005. }
  3006. }
  3007. .am-topbar-brand a:hover {
  3008. color: #4d4d4d;
  3009. }
  3010. .am-topbar-collapse {
  3011. width: 100%;
  3012. overflow-x: visible;
  3013. padding: 10px;
  3014. clear: both;
  3015. -webkit-overflow-scrolling: touch;
  3016. }
  3017. .am-topbar-collapse:before,
  3018. .am-topbar-collapse:after {
  3019. content: " ";
  3020. display: table;
  3021. }
  3022. .am-topbar-collapse:after {
  3023. clear: both;
  3024. }
  3025. .am-topbar-collapse.am-in {
  3026. overflow-y: auto;
  3027. }
  3028. @media only screen and (min-width:641px) {
  3029. .am-topbar-collapse {
  3030. margin-top: 0;
  3031. padding: 0;
  3032. width: auto;
  3033. clear: none;
  3034. }
  3035. .am-topbar-collapse.am-collapse {
  3036. display: block !important;
  3037. height: auto !important;
  3038. padding: 0;
  3039. overflow: visible !important;
  3040. }
  3041. .am-topbar-collapse.am-in {
  3042. overflow-y: visible;
  3043. }
  3044. }
  3045. .am-topbar-brand {
  3046. padding: 0 10px;
  3047. float: left;
  3048. font-size: 1.8rem;
  3049. height: 50px;
  3050. line-height: 50px;
  3051. }
  3052. .am-topbar-toggle {
  3053. position: relative;
  3054. float: right;
  3055. margin-right: 10px;
  3056. }
  3057. @media only screen and (min-width:641px) {
  3058. .am-topbar-toggle {
  3059. display: none;
  3060. }
  3061. }
  3062. @media only screen and (max-width: 640px) {
  3063. .am-topbar-nav {
  3064. margin-bottom: 8px;
  3065. }
  3066. .am-topbar-nav > li {
  3067. float: none;
  3068. }
  3069. }
  3070. @media only screen and (max-width: 640px) {
  3071. .am-topbar-nav > li + li {
  3072. margin-left: 0;
  3073. margin-top: 5px;
  3074. }
  3075. }
  3076. @media only screen and (min-width:641px) {
  3077. .am-topbar-nav {
  3078. float: left;
  3079. }
  3080. .am-topbar-nav > li > a {
  3081. position: relative;
  3082. line-height: 50px;
  3083. padding: 0 10px;
  3084. }
  3085. .am-topbar-nav > li > a:after {
  3086. position: absolute;
  3087. left: 50%;
  3088. margin-left: -7px;
  3089. bottom: -1px;
  3090. content: "";
  3091. display: inline-block;
  3092. width: 0;
  3093. height: 0;
  3094. vertical-align: middle;
  3095. border-bottom: 7px solid #f8f8f8;
  3096. border-right: 7px solid transparent;
  3097. border-left: 7px solid transparent;
  3098. border-top: 0 dotted;
  3099. -webkit-transform: rotate(360deg);
  3100. -ms-transform: rotate(360deg);
  3101. transform: rotate(360deg);
  3102. opacity: 0;
  3103. -webkit-transition: opacity .1s;
  3104. transition: opacity .1s;
  3105. }
  3106. .am-topbar-nav > li > a:hover:after {
  3107. opacity: 1;
  3108. border-bottom-color: #666666;
  3109. }
  3110. .am-topbar-nav > li.am-dropdown > a:after {
  3111. display: none;
  3112. }
  3113. .am-topbar-nav > li.am-active > a,
  3114. .am-topbar-nav > li.am-active > a:hover,
  3115. .am-topbar-nav > li.am-active > a:focus {
  3116. border-radius: 0;
  3117. color: #0e90d2;
  3118. background: none;
  3119. }
  3120. .am-topbar-nav > li.am-active > a:after {
  3121. opacity: 1;
  3122. border-bottom-color: #0e90d2;
  3123. }
  3124. }
  3125. @media only screen and (max-width: 640px) {
  3126. .am-topbar-collapse .am-dropdown.am-active .am-dropdown-content {
  3127. float: none;
  3128. position: relative;
  3129. width: 100%;
  3130. }
  3131. }
  3132. @media only screen and (min-width:641px) {
  3133. .am-topbar-left {
  3134. float: left;
  3135. }
  3136. .am-topbar-right {
  3137. float: right;
  3138. margin-right: 10px;
  3139. }
  3140. }
  3141. @media only screen and (max-width: 640px) {
  3142. .am-topbar-form .am-form-group {
  3143. margin-bottom: 5px;
  3144. }
  3145. }
  3146. @media only screen and (min-width:641px) {
  3147. .am-topbar-form {
  3148. padding: 0 10px;
  3149. margin-top: 8px;
  3150. }
  3151. .am-topbar-form .am-form-group + .am-btn {
  3152. margin-left: 5px;
  3153. }
  3154. }
  3155. .am-topbar-btn {
  3156. margin-top: 8px;
  3157. }
  3158. @media only screen and (max-width: 640px) {
  3159. .am-topbar-collapse .am-topbar-btn,
  3160. .am-topbar-collapse .am-btn {
  3161. display: block;
  3162. width: 100%;
  3163. }
  3164. }
  3165. .am-topbar-inverse {
  3166. background-color: #0e90d2;
  3167. border-color: #0b6fa2;
  3168. color: #eeeeee;
  3169. }
  3170. .am-topbar-inverse a {
  3171. color: #eeeeee;
  3172. }
  3173. .am-topbar-inverse .am-topbar-brand a {
  3174. color: #ffffff;
  3175. }
  3176. .am-topbar-inverse .am-topbar-brand a:hover,
  3177. .am-topbar-inverse .am-topbar-brand a:focus {
  3178. color: #ffffff;
  3179. background-color: transparent;
  3180. }
  3181. .am-topbar-inverse .am-topbar-nav > li > a {
  3182. color: #eeeeee;
  3183. }
  3184. .am-topbar-inverse .am-topbar-nav > li > a:hover,
  3185. .am-topbar-inverse .am-topbar-nav > li > a:focus {
  3186. color: #ffffff;
  3187. background-color: rgba(0, 0, 0, 0.05);
  3188. }
  3189. .am-topbar-inverse .am-topbar-nav > li > a:hover:after,
  3190. .am-topbar-inverse .am-topbar-nav > li > a:focus:after {
  3191. border-bottom-color: #0b6fa2;
  3192. }
  3193. .am-topbar-inverse .am-topbar-nav > li > a:after {
  3194. border-bottom-color: #0e90d2;
  3195. }
  3196. .am-topbar-inverse .am-topbar-nav > li.am-active > a,
  3197. .am-topbar-inverse .am-topbar-nav > li.am-active > a:hover,
  3198. .am-topbar-inverse .am-topbar-nav > li.am-active > a:focus {
  3199. color: #ffffff;
  3200. background-color: rgba(0, 0, 0, 0.1);
  3201. }
  3202. .am-topbar-inverse .am-topbar-nav > li.am-active > a:after,
  3203. .am-topbar-inverse .am-topbar-nav > li.am-active > a:hover:after,
  3204. .am-topbar-inverse .am-topbar-nav > li.am-active > a:focus:after {
  3205. border-bottom-color: #ffffff;
  3206. }
  3207. .am-topbar-inverse .am-topbar-nav > li .disabled > a,
  3208. .am-topbar-inverse .am-topbar-nav > li .disabled > a:hover,
  3209. .am-topbar-inverse .am-topbar-nav > li .disabled > a:focus {
  3210. color: #444444;
  3211. background-color: transparent;
  3212. }
  3213. .am-topbar-fixed-top,
  3214. .am-topbar-fixed-bottom {
  3215. position: fixed;
  3216. right: 0;
  3217. left: 0;
  3218. z-index: 1000;
  3219. -webkit-transform: translate3d(0, 0, 0);
  3220. transform: translate3d(0, 0, 0);
  3221. }
  3222. .am-topbar-fixed-top {
  3223. top: 0;
  3224. }
  3225. .am-topbar-fixed-bottom {
  3226. bottom: 0;
  3227. margin-bottom: 0;
  3228. border-width: 1px 0 0;
  3229. }
  3230. .am-with-topbar-fixed-top {
  3231. padding-top: 51px;
  3232. }
  3233. .am-with-topbar-fixed-bottom {
  3234. padding-bottom: 51px;
  3235. }
  3236. @media only screen and (max-width: 640px) {
  3237. .am-topbar-fixed-bottom .am-topbar-collapse {
  3238. position: absolute;
  3239. bottom: 100%;
  3240. margin-bottom: 1px;
  3241. background-color: #f8f8f8;
  3242. }
  3243. .am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:before,
  3244. .am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:after {
  3245. display: none;
  3246. }
  3247. .am-topbar-fixed-bottom.am-topbar-inverse .am-topbar-collapse {
  3248. background-color: #0e90d2;
  3249. }
  3250. }
  3251. /* ==========================================================================
  3252. Component: Breadcrumb
  3253. ============================================================================ */
  3254. .am-breadcrumb {
  3255. padding: .7em .5em;
  3256. margin-bottom: 2rem;
  3257. list-style: none;
  3258. background-color: transparent;
  3259. border-radius: 0;
  3260. font-size: 85%;
  3261. }
  3262. .am-breadcrumb > li {
  3263. display: inline-block;
  3264. }
  3265. .am-breadcrumb > li [class*="am-icon-"]:before {
  3266. color: #999999;
  3267. margin-right: 5px;
  3268. }
  3269. .am-breadcrumb > li + li:before {
  3270. content: "»\00a0";
  3271. padding: 0 8px;
  3272. color: #cccccc;
  3273. }
  3274. .am-breadcrumb > .am-active {
  3275. color: #999999;
  3276. }
  3277. .am-breadcrumb-slash > li + li:before {
  3278. content: "/\00a0";
  3279. }
  3280. /* ==========================================================================
  3281. Component: Pagination
  3282. ============================================================================ */
  3283. .am-pagination {
  3284. padding-left: 0;
  3285. margin: 1.5rem 0;
  3286. list-style: none;
  3287. color: #999999;
  3288. text-align: left;
  3289. }
  3290. .am-pagination:before,
  3291. .am-pagination:after {
  3292. content: " ";
  3293. display: table;
  3294. }
  3295. .am-pagination:after {
  3296. clear: both;
  3297. }
  3298. .am-pagination > li {
  3299. display: inline-block;
  3300. }
  3301. .am-pagination > li > a,
  3302. .am-pagination > li > span {
  3303. position: relative;
  3304. display: block;
  3305. padding: 0.5em 1em;
  3306. text-decoration: none;
  3307. line-height: 1.2;
  3308. background-color: #ffffff;
  3309. border: 1px solid #dddddd;
  3310. border-radius: 0;
  3311. margin-bottom: 5px;
  3312. margin-right: 5px;
  3313. }
  3314. .am-pagination > li:last-child > a,
  3315. .am-pagination > li:last-child > span {
  3316. margin-right: 0;
  3317. }
  3318. .am-pagination > li > a:hover,
  3319. .am-pagination > li > span:hover,
  3320. .am-pagination > li > a:focus,
  3321. .am-pagination > li > span:focus {
  3322. background-color: #eeeeee;
  3323. }
  3324. .am-pagination > .am-active > a,
  3325. .am-pagination > .am-active > span,
  3326. .am-pagination > .am-active > a:hover,
  3327. .am-pagination > .am-active > span:hover,
  3328. .am-pagination > .am-active > a:focus,
  3329. .am-pagination > .am-active > span:focus {
  3330. z-index: 2;
  3331. color: #ffffff;
  3332. background-color: #0e90d2;
  3333. border-color: #0e90d2;
  3334. cursor: default;
  3335. }
  3336. .am-pagination > .am-disabled > span,
  3337. .am-pagination > .am-disabled > span:hover,
  3338. .am-pagination > .am-disabled > span:focus,
  3339. .am-pagination > .am-disabled > a,
  3340. .am-pagination > .am-disabled > a:hover,
  3341. .am-pagination > .am-disabled > a:focus {
  3342. color: #999999;
  3343. background-color: #ffffff;
  3344. border-color: #dddddd;
  3345. cursor: not-allowed;
  3346. pointer-events: none;
  3347. }
  3348. .am-pagination .am-pagination-prev {
  3349. float: left;
  3350. }
  3351. .am-pagination .am-pagination-prev a {
  3352. border-radius: 0;
  3353. }
  3354. .am-pagination .am-pagination-next {
  3355. float: right;
  3356. }
  3357. .am-pagination .am-pagination-next a {
  3358. border-radius: 0;
  3359. }
  3360. .am-pagination-centered {
  3361. text-align: center;
  3362. }
  3363. .am-pagination-right {
  3364. text-align: right;
  3365. }
  3366. /* ==========================================================================
  3367. Component: Aniamtion
  3368. ============================================================================ */
  3369. [class*="am-animation-"] {
  3370. -webkit-animation-duration: 0.5s;
  3371. animation-duration: 0.5s;
  3372. -webkit-animation-timing-function: ease-out;
  3373. animation-timing-function: ease-out;
  3374. -webkit-animation-fill-mode: both;
  3375. animation-fill-mode: both;
  3376. }
  3377. /* Hide animated element if scrollSpy is used */
  3378. @media screen {
  3379. .cssanimations [data-am-scrollspy*="animation"] {
  3380. opacity: 0;
  3381. }
  3382. }
  3383. /* Fade */
  3384. .am-animation-fade {
  3385. -webkit-animation-name: am-fade;
  3386. animation-name: am-fade;
  3387. -webkit-animation-duration: 0.8s;
  3388. animation-duration: 0.8s;
  3389. -webkit-animation-timing-function: linear;
  3390. animation-timing-function: linear;
  3391. }
  3392. /* Scale */
  3393. .am-animation-scale-up {
  3394. -webkit-animation-name: am-scale-up;
  3395. animation-name: am-scale-up;
  3396. }
  3397. .am-animation-scale-down {
  3398. -webkit-animation-name: am-scale-down;
  3399. animation-name: am-scale-down;
  3400. }
  3401. /* Slide */
  3402. .am-animation-slide-top {
  3403. -webkit-animation-name: am-slide-top;
  3404. animation-name: am-slide-top;
  3405. }
  3406. .am-animation-slide-bottom {
  3407. -webkit-animation-name: am-slide-bottom;
  3408. animation-name: am-slide-bottom;
  3409. }
  3410. .am-animation-slide-left {
  3411. -webkit-animation-name: am-slide-left;
  3412. animation-name: am-slide-left;
  3413. }
  3414. .am-animation-slide-right {
  3415. -webkit-animation-name: am-slide-right;
  3416. animation-name: am-slide-right;
  3417. }
  3418. .am-animation-slide-top-fixed {
  3419. -webkit-animation-name: am-slide-top-fixed;
  3420. animation-name: am-slide-top-fixed;
  3421. }
  3422. /* Shake */
  3423. .am-animation-shake {
  3424. -webkit-animation-name: am-shake;
  3425. animation-name: am-shake;
  3426. }
  3427. /* Spin */
  3428. .am-animation-spin {
  3429. -webkit-animation: am-spin 2s infinite linear;
  3430. animation: am-spin 2s infinite linear;
  3431. }
  3432. /* Spring */
  3433. .am-animation-left-spring {
  3434. -webkit-animation: am-left-spring 0.3s ease-in-out;
  3435. animation: am-left-spring 0.3s ease-in-out;
  3436. }
  3437. .am-animation-right-spring {
  3438. -webkit-animation: am-right-spring 0.3s ease-in-out;
  3439. animation: am-right-spring 0.3s ease-in-out;
  3440. }
  3441. .am-animation-reverse {
  3442. -webkit-animation-direction: reverse;
  3443. animation-direction: reverse;
  3444. }
  3445. .am-animation-paused {
  3446. -webkit-animation-play-state: paused !important;
  3447. animation-play-state: paused !important;
  3448. }
  3449. /* Keyframes
  3450. ============================================================================ */
  3451. /* Fade */
  3452. @-webkit-keyframes am-fade {
  3453. 0% {
  3454. opacity: 0;
  3455. }
  3456. 100% {
  3457. opacity: 1;
  3458. }
  3459. }
  3460. @keyframes am-fade {
  3461. 0% {
  3462. opacity: 0;
  3463. }
  3464. 100% {
  3465. opacity: 1;
  3466. }
  3467. }
  3468. /* Scale up */
  3469. @-webkit-keyframes am-scale-up {
  3470. 0% {
  3471. opacity: 0;
  3472. -webkit-transform: scale(0.2);
  3473. transform: scale(0.2);
  3474. }
  3475. 100% {
  3476. opacity: 1;
  3477. -webkit-transform: scale(1);
  3478. transform: scale(1);
  3479. }
  3480. }
  3481. @keyframes am-scale-up {
  3482. 0% {
  3483. opacity: 0;
  3484. -webkit-transform: scale(0.2);
  3485. transform: scale(0.2);
  3486. }
  3487. 100% {
  3488. opacity: 1;
  3489. -webkit-transform: scale(1);
  3490. transform: scale(1);
  3491. }
  3492. }
  3493. /* Scale down */
  3494. @-webkit-keyframes am-scale-down {
  3495. 0% {
  3496. opacity: 0;
  3497. -webkit-transform: scale(1.8);
  3498. transform: scale(1.8);
  3499. }
  3500. 100% {
  3501. opacity: 1;
  3502. -webkit-transform: scale(1);
  3503. transform: scale(1);
  3504. }
  3505. }
  3506. @keyframes am-scale-down {
  3507. 0% {
  3508. opacity: 0;
  3509. -webkit-transform: scale(1.8);
  3510. transform: scale(1.8);
  3511. }
  3512. 100% {
  3513. opacity: 1;
  3514. -webkit-transform: scale(1);
  3515. transform: scale(1);
  3516. }
  3517. }
  3518. /* Slide top */
  3519. @-webkit-keyframes am-slide-top {
  3520. 0% {
  3521. opacity: 0;
  3522. -webkit-transform: translateY(-100%);
  3523. transform: translateY(-100%);
  3524. }
  3525. 100% {
  3526. opacity: 1;
  3527. -webkit-transform: translateY(0);
  3528. transform: translateY(0);
  3529. }
  3530. }
  3531. @keyframes am-slide-top {
  3532. 0% {
  3533. opacity: 0;
  3534. -webkit-transform: translateY(-100%);
  3535. transform: translateY(-100%);
  3536. }
  3537. 100% {
  3538. opacity: 1;
  3539. -webkit-transform: translateY(0);
  3540. transform: translateY(0);
  3541. }
  3542. }
  3543. /* Slide bottom */
  3544. @-webkit-keyframes am-slide-bottom {
  3545. 0% {
  3546. opacity: 0;
  3547. -webkit-transform: translateY(100%);
  3548. transform: translateY(100%);
  3549. }
  3550. 100% {
  3551. opacity: 1;
  3552. -webkit-transform: translateY(0);
  3553. transform: translateY(0);
  3554. }
  3555. }
  3556. @keyframes am-slide-bottom {
  3557. 0% {
  3558. opacity: 0;
  3559. -webkit-transform: translateY(100%);
  3560. transform: translateY(100%);
  3561. }
  3562. 100% {
  3563. opacity: 1;
  3564. -webkit-transform: translateY(0);
  3565. transform: translateY(0);
  3566. }
  3567. }
  3568. /* Slide left */
  3569. @-webkit-keyframes am-slide-left {
  3570. 0% {
  3571. opacity: 0;
  3572. -webkit-transform: translateX(-100%);
  3573. transform: translateX(-100%);
  3574. }
  3575. 100% {
  3576. opacity: 1;
  3577. -webkit-transform: translateX(0);
  3578. transform: translateX(0);
  3579. }
  3580. }
  3581. @keyframes am-slide-left {
  3582. 0% {
  3583. opacity: 0;
  3584. -webkit-transform: translateX(-100%);
  3585. transform: translateX(-100%);
  3586. }
  3587. 100% {
  3588. opacity: 1;
  3589. -webkit-transform: translateX(0);
  3590. transform: translateX(0);
  3591. }
  3592. }
  3593. /* Slide right */
  3594. @-webkit-keyframes am-slide-right {
  3595. 0% {
  3596. opacity: 0;
  3597. -webkit-transform: translateX(100%);
  3598. transform: translateX(100%);
  3599. }
  3600. 100% {
  3601. opacity: 1;
  3602. -webkit-transform: translateX(0);
  3603. transform: translateX(0);
  3604. }
  3605. }
  3606. @keyframes am-slide-right {
  3607. 0% {
  3608. opacity: 0;
  3609. -webkit-transform: translateX(100%);
  3610. transform: translateX(100%);
  3611. }
  3612. 100% {
  3613. opacity: 1;
  3614. -webkit-transform: translateX(0);
  3615. transform: translateX(0);
  3616. }
  3617. }
  3618. /* Shake */
  3619. @-webkit-keyframes am-shake {
  3620. 0%,
  3621. 100% {
  3622. -webkit-transform: translateX(0);
  3623. transform: translateX(0);
  3624. }
  3625. 10% {
  3626. -webkit-transform: translateX(-9px);
  3627. transform: translateX(-9px);
  3628. }
  3629. 20% {
  3630. -webkit-transform: translateX(8px);
  3631. transform: translateX(8px);
  3632. }
  3633. 30% {
  3634. -webkit-transform: translateX(-7px);
  3635. transform: translateX(-7px);
  3636. }
  3637. 40% {
  3638. -webkit-transform: translateX(6px);
  3639. transform: translateX(6px);
  3640. }
  3641. 50% {
  3642. -webkit-transform: translateX(-5px);
  3643. transform: translateX(-5px);
  3644. }
  3645. 60% {
  3646. -webkit-transform: translateX(4px);
  3647. transform: translateX(4px);
  3648. }
  3649. 70% {
  3650. -webkit-transform: translateX(-3px);
  3651. transform: translateX(-3px);
  3652. }
  3653. 80% {
  3654. -webkit-transform: translateX(2px);
  3655. transform: translateX(2px);
  3656. }
  3657. 90% {
  3658. -webkit-transform: translateX(-1px);
  3659. transform: translateX(-1px);
  3660. }
  3661. }
  3662. @keyframes am-shake {
  3663. 0%,
  3664. 100% {
  3665. -webkit-transform: translateX(0);
  3666. transform: translateX(0);
  3667. }
  3668. 10% {
  3669. -webkit-transform: translateX(-9px);
  3670. transform: translateX(-9px);
  3671. }
  3672. 20% {
  3673. -webkit-transform: translateX(8px);
  3674. transform: translateX(8px);
  3675. }
  3676. 30% {
  3677. -webkit-transform: translateX(-7px);
  3678. transform: translateX(-7px);
  3679. }
  3680. 40% {
  3681. -webkit-transform: translateX(6px);
  3682. transform: translateX(6px);
  3683. }
  3684. 50% {
  3685. -webkit-transform: translateX(-5px);
  3686. transform: translateX(-5px);
  3687. }
  3688. 60% {
  3689. -webkit-transform: translateX(4px);
  3690. transform: translateX(4px);
  3691. }
  3692. 70% {
  3693. -webkit-transform: translateX(-3px);
  3694. transform: translateX(-3px);
  3695. }
  3696. 80% {
  3697. -webkit-transform: translateX(2px);
  3698. transform: translateX(2px);
  3699. }
  3700. 90% {
  3701. -webkit-transform: translateX(-1px);
  3702. transform: translateX(-1px);
  3703. }
  3704. }
  3705. /* Slide top fixed */
  3706. @-webkit-keyframes am-slide-top-fixed {
  3707. 0% {
  3708. opacity: 0;
  3709. -webkit-transform: translateY(-10px);
  3710. transform: translateY(-10px);
  3711. }
  3712. 100% {
  3713. opacity: 1;
  3714. -webkit-transform: translateY(0);
  3715. transform: translateY(0);
  3716. }
  3717. }
  3718. @keyframes am-slide-top-fixed {
  3719. 0% {
  3720. opacity: 0;
  3721. -webkit-transform: translateY(-10px);
  3722. transform: translateY(-10px);
  3723. }
  3724. 100% {
  3725. opacity: 1;
  3726. -webkit-transform: translateY(0);
  3727. transform: translateY(0);
  3728. }
  3729. }
  3730. /* Slide bottom fixed */
  3731. @-webkit-keyframes am-slide-bottom-fixed {
  3732. 0% {
  3733. opacity: 0;
  3734. -webkit-transform: translateY(10px);
  3735. transform: translateY(10px);
  3736. }
  3737. 100% {
  3738. opacity: 1;
  3739. -webkit-transform: translateY(0);
  3740. transform: translateY(0);
  3741. }
  3742. }
  3743. @keyframes am-slide-bottom-fixed {
  3744. 0% {
  3745. opacity: 0;
  3746. -webkit-transform: translateY(10px);
  3747. transform: translateY(10px);
  3748. }
  3749. 100% {
  3750. opacity: 1;
  3751. -webkit-transform: translateY(0);
  3752. transform: translateY(0);
  3753. }
  3754. }
  3755. /* Spin */
  3756. @-webkit-keyframes am-spin {
  3757. 0% {
  3758. -webkit-transform: rotate(0deg);
  3759. transform: rotate(0deg);
  3760. }
  3761. 100% {
  3762. -webkit-transform: rotate(359deg);
  3763. transform: rotate(359deg);
  3764. }
  3765. }
  3766. @keyframes am-spin {
  3767. 0% {
  3768. -webkit-transform: rotate(0deg);
  3769. transform: rotate(0deg);
  3770. }
  3771. 100% {
  3772. -webkit-transform: rotate(359deg);
  3773. transform: rotate(359deg);
  3774. }
  3775. }
  3776. /* Spring */
  3777. @-webkit-keyframes am-right-spring {
  3778. 0% {
  3779. -webkit-transform: translateX(0);
  3780. transform: translateX(0);
  3781. }
  3782. 50% {
  3783. -webkit-transform: translateX(-20%);
  3784. transform: translateX(-20%);
  3785. }
  3786. 100% {
  3787. -webkit-transform: translateX(0);
  3788. transform: translateX(0);
  3789. }
  3790. }
  3791. @keyframes am-right-spring {
  3792. 0% {
  3793. -webkit-transform: translateX(0);
  3794. transform: translateX(0);
  3795. }
  3796. 50% {
  3797. -webkit-transform: translateX(-20%);
  3798. transform: translateX(-20%);
  3799. }
  3800. 100% {
  3801. -webkit-transform: translateX(0);
  3802. transform: translateX(0);
  3803. }
  3804. }
  3805. @-webkit-keyframes am-left-spring {
  3806. 0% {
  3807. -webkit-transform: translateX(0);
  3808. transform: translateX(0);
  3809. }
  3810. 50% {
  3811. -webkit-transform: translateX(20%);
  3812. transform: translateX(20%);
  3813. }
  3814. 100% {
  3815. -webkit-transform: translateX(0);
  3816. transform: translateX(0);
  3817. }
  3818. }
  3819. @keyframes am-left-spring {
  3820. 0% {
  3821. -webkit-transform: translateX(0);
  3822. transform: translateX(0);
  3823. }
  3824. 50% {
  3825. -webkit-transform: translateX(20%);
  3826. transform: translateX(20%);
  3827. }
  3828. 100% {
  3829. -webkit-transform: translateX(0);
  3830. transform: translateX(0);
  3831. }
  3832. }
  3833. /* ==========================================================================
  3834. Component: Article
  3835. ============================================================================ */
  3836. .am-article:before,
  3837. .am-article:after {
  3838. content: " ";
  3839. display: table;
  3840. }
  3841. .am-article:after {
  3842. clear: both;
  3843. }
  3844. .am-article > :last-child {
  3845. margin-bottom: 0;
  3846. }
  3847. .am-article + .am-article {
  3848. margin-top: 2.4rem;
  3849. }
  3850. /* Sub-object `.@{ns}article-title` */
  3851. .am-article-title {
  3852. font-size: 2.8rem;
  3853. line-height: 1.15;
  3854. font-weight: normal;
  3855. }
  3856. .am-article-title a {
  3857. color: inherit;
  3858. text-decoration: none;
  3859. }
  3860. /* Sub-object `.@{ns}article-meta` */
  3861. .am-article-meta {
  3862. font-size: 1.2rem;
  3863. line-height: 1.5;
  3864. color: #999999;
  3865. }
  3866. /* Sub-object `.@{ns}article-lead` */
  3867. .am-article-lead {
  3868. color: #666666;
  3869. font-size: 1.4rem;
  3870. line-height: 1.5;
  3871. border: 1px solid #dedede;
  3872. border-radius: 2px;
  3873. background: #f9f9f9;
  3874. padding: 10px;
  3875. }
  3876. /* Sub-object `.@{ns}article-divider` */
  3877. .am-article-divider {
  3878. margin-bottom: 2.4rem;
  3879. border-color: #eeeeee;
  3880. }
  3881. * + .am-article-divider {
  3882. margin-top: 2.4rem;
  3883. }
  3884. /* Sub-object `.@{ns}article-bd` */
  3885. .am-article-bd blockquote {
  3886. font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
  3887. }
  3888. /* ==========================================================================
  3889. Component: Badge
  3890. ============================================================================ */
  3891. .am-badge {
  3892. display: inline-block;
  3893. min-width: 10px;
  3894. padding: 0.25em 0.625em;
  3895. font-size: 1.2rem;
  3896. font-weight: bold;
  3897. color: #ffffff;
  3898. line-height: 1;
  3899. vertical-align: baseline;
  3900. white-space: nowrap;
  3901. text-align: center;
  3902. background-color: #999999;
  3903. border-radius: 0;
  3904. }
  3905. .am-badge:empty {
  3906. display: none;
  3907. }
  3908. .am-badge.am-square {
  3909. border-radius: 0;
  3910. }
  3911. .am-badge.am-radius {
  3912. border-radius: 2px;
  3913. }
  3914. .am-badge.am-round {
  3915. border-radius: 1000px;
  3916. }
  3917. a.am-badge:hover,
  3918. a.am-badge:focus {
  3919. color: #ffffff;
  3920. text-decoration: none;
  3921. cursor: pointer;
  3922. }
  3923. .am-badge-primary {
  3924. background-color: #0e90d2;
  3925. }
  3926. .am-badge-secondary {
  3927. background-color: #3bb4f2;
  3928. }
  3929. .am-badge-success {
  3930. background-color: #5eb95e;
  3931. }
  3932. .am-badge-warning {
  3933. background-color: #f37b1d;
  3934. }
  3935. .am-badge-danger {
  3936. background-color: #dd514c;
  3937. }
  3938. /* ==========================================================================
  3939. Component: Comment
  3940. ============================================================================ */
  3941. .am-comment:before,
  3942. .am-comment:after {
  3943. content: " ";
  3944. display: table;
  3945. }
  3946. .am-comment:after {
  3947. clear: both;
  3948. }
  3949. .am-comment-avatar {
  3950. float: left;
  3951. width: 32px;
  3952. height: 32px;
  3953. border-radius: 50%;
  3954. border: 1px solid transparent;
  3955. }
  3956. @media only screen and (min-width:641px) {
  3957. .am-comment-avatar {
  3958. width: 48px;
  3959. height: 48px;
  3960. }
  3961. }
  3962. .am-comment-main {
  3963. position: relative;
  3964. margin-left: 42px;
  3965. border: 1px solid #dedede;
  3966. border-radius: 0;
  3967. }
  3968. .am-comment-main:before,
  3969. .am-comment-main:after {
  3970. position: absolute;
  3971. top: 10px;
  3972. left: -8px;
  3973. right: 100%;
  3974. width: 0;
  3975. height: 0;
  3976. display: block;
  3977. content: " ";
  3978. border-color: transparent;
  3979. border-style: solid solid outset;
  3980. border-width: 8px 8px 8px 0;
  3981. pointer-events: none;
  3982. }
  3983. .am-comment-main:before {
  3984. border-right-color: #dedede;
  3985. z-index: 1;
  3986. }
  3987. .am-comment-main:after {
  3988. border-right-color: #f8f8f8;
  3989. margin-left: 1px;
  3990. z-index: 2;
  3991. }
  3992. @media only screen and (min-width:641px) {
  3993. .am-comment-main {
  3994. margin-left: 63px;
  3995. }
  3996. }
  3997. .am-comment-hd {
  3998. background: #f8f8f8;
  3999. border-bottom: 1px solid #eee;
  4000. display: -webkit-box;
  4001. display: -webkit-flex;
  4002. display: -ms-flexbox;
  4003. display: flex;
  4004. }
  4005. .am-comment-title {
  4006. margin: 0 0 8px 0;
  4007. font-size: 1.6rem;
  4008. line-height: 1.2;
  4009. }
  4010. .am-comment-meta {
  4011. -webkit-box-flex: 1;
  4012. -webkit-flex: 1;
  4013. -ms-flex: 1;
  4014. flex: 1;
  4015. padding: 10px 15px;
  4016. font-size: 13px;
  4017. color: #999999;
  4018. line-height: 1.2;
  4019. white-space: nowrap;
  4020. text-overflow: ellipsis;
  4021. overflow: hidden;
  4022. }
  4023. .am-comment-meta a {
  4024. color: #999999;
  4025. }
  4026. .am-comment-author {
  4027. font-weight: bold;
  4028. color: #999999;
  4029. }
  4030. .am-comment-bd {
  4031. padding: 15px;
  4032. overflow: hidden;
  4033. }
  4034. .am-comment-bd > :last-child {
  4035. margin-bottom: 0;
  4036. }
  4037. .am-comment-footer {
  4038. padding: 0 15px 5px;
  4039. }
  4040. .am-comment-footer .am-comment-actions a + a {
  4041. margin-left: 5px;
  4042. }
  4043. .am-comment-actions {
  4044. font-size: 13px;
  4045. color: #999999;
  4046. }
  4047. .am-comment-actions a {
  4048. display: inline-block;
  4049. padding: 10px 5px;
  4050. line-height: 1;
  4051. color: #999999;
  4052. opacity: .7;
  4053. }
  4054. .am-comment-actions a:hover {
  4055. color: #0e90d2;
  4056. opacity: 1;
  4057. }
  4058. .am-comment-hd .am-comment-actions {
  4059. padding-right: .5rem;
  4060. }
  4061. .am-comment-flip .am-comment-avatar {
  4062. float: right;
  4063. }
  4064. .am-comment-flip .am-comment-main {
  4065. margin-left: auto;
  4066. margin-right: 42px;
  4067. }
  4068. @media only screen and (min-width:641px) {
  4069. .am-comment-flip .am-comment-main {
  4070. margin-right: 63px;
  4071. }
  4072. }
  4073. .am-comment-flip .am-comment-main:before,
  4074. .am-comment-flip .am-comment-main:after {
  4075. left: auto;
  4076. right: -8px;
  4077. border-width: 8px 0 8px 8px;
  4078. }
  4079. .am-comment-flip .am-comment-main:before {
  4080. border-left-color: #dedede;
  4081. }
  4082. .am-comment-flip .am-comment-main:after {
  4083. border-left-color: #f8f8f8;
  4084. margin-right: 1px;
  4085. margin-left: auto;
  4086. }
  4087. .am-comment-primary .am-comment-avatar {
  4088. border-color: #0e90d2;
  4089. }
  4090. .am-comment-primary .am-comment-main {
  4091. border-color: #0e90d2;
  4092. }
  4093. .am-comment-primary .am-comment-main:before {
  4094. border-right-color: #0e90d2;
  4095. }
  4096. .am-comment-primary.am-comment-flip .am-comment-main:before {
  4097. border-left-color: #0e90d2;
  4098. border-right-color: transparent;
  4099. }
  4100. .am-comment-primary.am-comment-flip .am-comment-main:after {
  4101. border-left-color: #f8f8f8;
  4102. }
  4103. .am-comment-secondary .am-comment-avatar,
  4104. .am-comment-highlight .am-comment-avatar {
  4105. border-color: #3bb4f2;
  4106. }
  4107. .am-comment-secondary .am-comment-main,
  4108. .am-comment-highlight .am-comment-main {
  4109. border-color: #3bb4f2;
  4110. }
  4111. .am-comment-secondary .am-comment-main:before,
  4112. .am-comment-highlight .am-comment-main:before {
  4113. border-right-color: #3bb4f2;
  4114. }
  4115. .am-comment-secondary.am-comment-flip .am-comment-main:before,
  4116. .am-comment-highlight.am-comment-flip .am-comment-main:before {
  4117. border-left-color: #3bb4f2;
  4118. border-right-color: transparent;
  4119. }
  4120. .am-comment-secondary.am-comment-flip .am-comment-main:after,
  4121. .am-comment-highlight.am-comment-flip .am-comment-main:after {
  4122. border-left-color: #f8f8f8;
  4123. }
  4124. .am-comment-success .am-comment-avatar {
  4125. border-color: #5eb95e;
  4126. }
  4127. .am-comment-success .am-comment-main {
  4128. border-color: #5eb95e;
  4129. }
  4130. .am-comment-success .am-comment-main:before {
  4131. border-right-color: #5eb95e;
  4132. }
  4133. .am-comment-success.am-comment-flip .am-comment-main:before {
  4134. border-left-color: #5eb95e;
  4135. border-right-color: transparent;
  4136. }
  4137. .am-comment-success.am-comment-flip .am-comment-main:after {
  4138. border-left-color: #f8f8f8;
  4139. }
  4140. .am-comment-warning .am-comment-avatar {
  4141. border-color: #f37b1d;
  4142. }
  4143. .am-comment-warning .am-comment-main {
  4144. border-color: #f37b1d;
  4145. }
  4146. .am-comment-warning .am-comment-main:before {
  4147. border-right-color: #f37b1d;
  4148. }
  4149. .am-comment-warning.am-comment-flip .am-comment-main:before {
  4150. border-left-color: #f37b1d;
  4151. border-right-color: transparent;
  4152. }
  4153. .am-comment-warning.am-comment-flip .am-comment-main:after {
  4154. border-left-color: #f8f8f8;
  4155. }
  4156. .am-comment-danger .am-comment-avatar {
  4157. border-color: #dd514c;
  4158. }
  4159. .am-comment-danger .am-comment-main {
  4160. border-color: #dd514c;
  4161. }
  4162. .am-comment-danger .am-comment-main:before {
  4163. border-right-color: #dd514c;
  4164. }
  4165. .am-comment-danger.am-comment-flip .am-comment-main:before {
  4166. border-left-color: #dd514c;
  4167. border-right-color: transparent;
  4168. }
  4169. .am-comment-danger.am-comment-flip .am-comment-main:after {
  4170. border-left-color: #f8f8f8;
  4171. }
  4172. .am-comments-list {
  4173. padding: 0;
  4174. list-style: none;
  4175. }
  4176. .am-comments-list .am-comment {
  4177. margin: 1.6rem 0 0 0;
  4178. list-style: none;
  4179. }
  4180. @media only screen and (min-width:641px) {
  4181. .am-comments-list-flip .am-comment-main {
  4182. margin-right: 64px;
  4183. }
  4184. .am-comments-list-flip .am-comment-flip .am-comment-main {
  4185. margin-left: 64px;
  4186. }
  4187. }
  4188. /* ==========================================================================
  4189. Component: Button Group
  4190. ============================================================================ */
  4191. .am-btn-group,
  4192. .am-btn-group-stacked {
  4193. position: relative;
  4194. display: inline-block;
  4195. vertical-align: middle;
  4196. }
  4197. .am-btn-group > .am-btn,
  4198. .am-btn-group-stacked > .am-btn {
  4199. position: relative;
  4200. float: left;
  4201. }
  4202. .am-btn-group > .am-btn:hover,
  4203. .am-btn-group-stacked > .am-btn:hover,
  4204. .am-btn-group > .am-btn:focus,
  4205. .am-btn-group-stacked > .am-btn:focus,
  4206. .am-btn-group > .am-btn:active,
  4207. .am-btn-group-stacked > .am-btn:active,
  4208. .am-btn-group > .am-btn.active,
  4209. .am-btn-group-stacked > .am-btn.active {
  4210. z-index: 2;
  4211. }
  4212. .am-btn-group > .am-btn:focus,
  4213. .am-btn-group-stacked > .am-btn:focus {
  4214. outline: 0;
  4215. }
  4216. .am-btn-group .am-btn + .am-btn,
  4217. .am-btn-group .am-btn + .am-btn-group,
  4218. .am-btn-group .am-btn-group + .am-btn,
  4219. .am-btn-group .am-btn-group + .am-btn-group {
  4220. margin-left: -1px;
  4221. }
  4222. .am-btn-toolbar {
  4223. margin-left: -5px;
  4224. }
  4225. .am-btn-toolbar:before,
  4226. .am-btn-toolbar:after {
  4227. content: " ";
  4228. display: table;
  4229. }
  4230. .am-btn-toolbar:after {
  4231. clear: both;
  4232. }
  4233. .am-btn-toolbar .am-btn-group,
  4234. .am-btn-toolbar .am-input-group {
  4235. float: left;
  4236. }
  4237. .am-btn-toolbar > .am-btn,
  4238. .am-btn-toolbar > .am-btn-group,
  4239. .am-btn-toolbar > .am-input-group {
  4240. margin-left: 5px;
  4241. }
  4242. .am-btn-group > .am-btn:not(:first-child):not(:last-child):not(.am-dropdown-toggle) {
  4243. border-radius: 0;
  4244. }
  4245. .am-btn-group > .am-btn:first-child {
  4246. margin-left: 0;
  4247. }
  4248. .am-btn-group > .am-btn:first-child:not(:last-child):not(.am-dropdown-toggle) {
  4249. border-bottom-right-radius: 0;
  4250. border-top-right-radius: 0;
  4251. }
  4252. .am-btn-group > .am-btn:last-child:not(:first-child),
  4253. .am-btn-group > .am-dropdown-toggle:not(:first-child) {
  4254. border-bottom-left-radius: 0;
  4255. border-top-left-radius: 0;
  4256. }
  4257. .am-btn-group > .am-btn-group {
  4258. float: left;
  4259. }
  4260. .am-btn-group > .am-btn-group:not(:first-child):not(:last-child) > .am-btn {
  4261. border-radius: 0;
  4262. }
  4263. .am-btn-group > .am-btn-group:first-child > .am-btn:last-child,
  4264. .am-btn-group > .am-btn-group:first-child > .am-dropdown-toggle {
  4265. border-bottom-right-radius: 0;
  4266. border-top-right-radius: 0;
  4267. }
  4268. .am-btn-group > .am-btn-group:last-child > .am-btn:first-child {
  4269. border-bottom-left-radius: 0;
  4270. border-top-left-radius: 0;
  4271. }
  4272. .am-btn-group-xs > .am-btn {
  4273. font-size: 1.2rem;
  4274. }
  4275. .am-btn-group-sm > .am-btn {
  4276. font-size: 1.4rem;
  4277. }
  4278. .am-btn-group-lg > .am-btn {
  4279. font-size: 1.8rem;
  4280. }
  4281. .am-btn-group-stacked > .am-btn,
  4282. .am-btn-group-stacked > .am-btn-group,
  4283. .am-btn-group-stacked > .am-btn-group > .am-btn {
  4284. display: block;
  4285. float: none;
  4286. width: 100%;
  4287. max-width: 100%;
  4288. }
  4289. .am-btn-group-stacked > .am-btn-group:before,
  4290. .am-btn-group-stacked > .am-btn-group:after {
  4291. content: " ";
  4292. display: table;
  4293. }
  4294. .am-btn-group-stacked > .am-btn-group:after {
  4295. clear: both;
  4296. }
  4297. .am-btn-group-stacked > .am-btn-group > .am-btn {
  4298. float: none;
  4299. }
  4300. .am-btn-group-stacked > .am-btn + .am-btn,
  4301. .am-btn-group-stacked > .am-btn + .am-btn-group,
  4302. .am-btn-group-stacked > .am-btn-group + .am-btn,
  4303. .am-btn-group-stacked > .am-btn-group + .am-btn-group {
  4304. margin-top: -1px;
  4305. margin-left: 0;
  4306. }
  4307. .am-btn-group-stacked > .am-btn:not(:first-child):not(:last-child) {
  4308. border-radius: 0;
  4309. }
  4310. .am-btn-group-stacked > .am-btn:first-child:not(:last-child) {
  4311. border-top-right-radius: 0;
  4312. border-bottom-right-radius: 0;
  4313. border-bottom-left-radius: 0;
  4314. }
  4315. .am-btn-group-stacked > .am-btn:last-child:not(:first-child) {
  4316. border-bottom-left-radius: 0;
  4317. border-top-right-radius: 0;
  4318. border-top-left-radius: 0;
  4319. }
  4320. .am-btn-group-stacked > .am-btn-group:not(:first-child):not(:last-child) > .am-btn {
  4321. border-radius: 0;
  4322. }
  4323. .am-btn-group-stacked > .am-btn-group:first-child:not(:last-child) > .am-btn:last-child,
  4324. .am-btn-group-stacked > .am-btn-group:first-child:not(:last-child) > .am-dropdown-toggle {
  4325. border-bottom-right-radius: 0;
  4326. border-bottom-left-radius: 0;
  4327. }
  4328. .am-btn-group-stacked > .am-btn-group:last-child:not(:first-child) > .am-btn:first-child {
  4329. border-top-right-radius: 0;
  4330. border-top-left-radius: 0;
  4331. }
  4332. .am-btn-group-justify {
  4333. width: 100%;
  4334. display: -webkit-box;
  4335. display: -webkit-flex;
  4336. display: -ms-flexbox;
  4337. display: flex;
  4338. }
  4339. .am-btn-group-justify > .am-btn,
  4340. .am-btn-group-justify > .am-btn-group {
  4341. float: none;
  4342. -webkit-box-flex: 1;
  4343. -webkit-flex: 1;
  4344. -ms-flex: 1;
  4345. flex: 1;
  4346. }
  4347. .am-btn-group-justify > .am-btn-group .am-btn {
  4348. width: 100%;
  4349. }
  4350. .lte9 .am-btn-group-justify {
  4351. display: table;
  4352. table-layout: fixed;
  4353. border-collapse: separate;
  4354. }
  4355. .lte9 .am-btn-group-justify > .am-btn,
  4356. .lte9 .am-btn-group-justify > .am-btn-group {
  4357. float: none;
  4358. display: table-cell;
  4359. width: 1%;
  4360. }
  4361. .am-btn-group .am-dropdown {
  4362. float: left;
  4363. margin-left: -1px;
  4364. }
  4365. .am-btn-group .am-dropdown > .am-btn {
  4366. border-bottom-left-radius: 0;
  4367. border-top-left-radius: 0;
  4368. }
  4369. .am-btn-group .am-active .am-dropdown-toggle {
  4370. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4371. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  4372. }
  4373. .am-btn-group .am-active .am-dropdown-toggle.am-btn-link {
  4374. -webkit-box-shadow: none;
  4375. box-shadow: none;
  4376. }
  4377. .am-btn-group .am-dropdown-toggle:active,
  4378. .am-btn-group .am-active .am-dropdown-toggle {
  4379. outline: 0;
  4380. }
  4381. [data-am-button] > .am-btn > input[type="radio"],
  4382. [data-am-button] > .am-btn > input[type="checkbox"] {
  4383. position: absolute;
  4384. z-index: -1;
  4385. opacity: 0;
  4386. }
  4387. /* ==========================================================================
  4388. Component: Close
  4389. ============================================================================ */
  4390. .am-close {
  4391. display: inline-block;
  4392. text-align: center;
  4393. width: 24px;
  4394. font-size: 20px;
  4395. font-weight: bold;
  4396. line-height: 24px;
  4397. color: #000000;
  4398. text-shadow: 0 1px 0 #ffffff;
  4399. opacity: .2;
  4400. -webkit-transition: all .3s;
  4401. transition: all .3s;
  4402. }
  4403. .am-close:hover,
  4404. .am-close:focus {
  4405. color: #000000;
  4406. text-decoration: none;
  4407. cursor: pointer;
  4408. opacity: .5;
  4409. outline: none;
  4410. }
  4411. .am-close[class*="am-icon-"] {
  4412. font-size: 16px;
  4413. }
  4414. button.am-close {
  4415. padding: 0;
  4416. cursor: pointer;
  4417. background: transparent;
  4418. /* Needed for Sarari */
  4419. border: 0;
  4420. -webkit-appearance: none;
  4421. }
  4422. a.am-close:hover {
  4423. color: inherit;
  4424. text-decoration: none;
  4425. cursor: pointer;
  4426. }
  4427. /* Modifiers
  4428. ============================================================================ */
  4429. .am-close-alt {
  4430. border-radius: 50%;
  4431. background: #eeeeee;
  4432. opacity: 0.7;
  4433. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  4434. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25)
  4435. /* Hover */
  4436. }
  4437. .am-close-alt:hover,
  4438. .am-close-alt:focus {
  4439. opacity: 1;
  4440. }
  4441. .am-close-spin:hover {
  4442. -webkit-transform: rotate(360deg);
  4443. -ms-transform: rotate(360deg);
  4444. transform: rotate(360deg);
  4445. }
  4446. /* ==========================================================================
  4447. Component: Icon
  4448. ============================================================================ */
  4449. /* Font-face
  4450. ============================================================================= */
  4451. @font-face {
  4452. font-family: 'FontAwesome';
  4453. src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  4454. 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');
  4455. font-weight: normal;
  4456. font-style: normal;
  4457. }
  4458. /* Component
  4459. ============================================================================= */
  4460. [class*="am-icon-"] {
  4461. display: inline-block;
  4462. }
  4463. [class*="am-icon-"]:before {
  4464. display: inline-block;
  4465. font-family: "FontAwesome", sans-serif;
  4466. font-weight: normal;
  4467. font-style: normal;
  4468. vertical-align: baseline;
  4469. line-height: 1;
  4470. -webkit-font-smoothing: antialiased;
  4471. -moz-osx-font-smoothing: grayscale;
  4472. }
  4473. .am-icon-border {
  4474. padding: .2em .25em .15em;
  4475. border: solid 0.08em #eeeeee;
  4476. border-radius: .1em;
  4477. }
  4478. [class*="am-icon-"].am-fl {
  4479. margin-right: .3em;
  4480. }
  4481. [class*="am-icon-"].am-fr {
  4482. margin-left: .3em;
  4483. }
  4484. .am-icon-sm:before {
  4485. font-size: 150%;
  4486. vertical-align: -10%;
  4487. }
  4488. .am-icon-md:before {
  4489. font-size: 200%;
  4490. vertical-align: -16%;
  4491. }
  4492. .am-icon-lg:before {
  4493. font-size: 250%;
  4494. vertical-align: -22%;
  4495. }
  4496. /* Modifier: `.am-icon-btn`
  4497. ============================================================================= */
  4498. .am-icon-btn {
  4499. -webkit-box-sizing: border-box;
  4500. box-sizing: border-box;
  4501. display: inline-block;
  4502. width: 48px;
  4503. height: 48px;
  4504. font-size: 24px;
  4505. line-height: 48px;
  4506. border-radius: 50%;
  4507. background-color: #eeeeee;
  4508. color: #555555;
  4509. text-align: center
  4510. /**
  4511. * Hover
  4512. * 1. Apply hover style also to focus state
  4513. * 2. Remove default focus style
  4514. */
  4515. /* Active */
  4516. }
  4517. .am-icon-btn:hover,
  4518. .am-icon-btn:focus {
  4519. /* 1 */
  4520. background-color: #f5f5f5;
  4521. color: #333333;
  4522. text-decoration: none;
  4523. outline: none
  4524. /* 2 */
  4525. }
  4526. .am-icon-btn:active {
  4527. background-color: #dddddd;
  4528. color: #333333;
  4529. }
  4530. .am-icon-btn.am-primary,
  4531. .am-icon-btn.am-secondary,
  4532. .am-icon-btn.am-success,
  4533. .am-icon-btn.am-warning,
  4534. .am-icon-btn.am-danger {
  4535. color: #ffffff;
  4536. }
  4537. .am-icon-btn.am-primary {
  4538. background-color: #0e90d2;
  4539. }
  4540. .am-icon-btn.am-secondary {
  4541. background-color: #3bb4f2;
  4542. }
  4543. .am-icon-btn.am-success {
  4544. background-color: #5eb95e;
  4545. }
  4546. .am-icon-btn.am-warning {
  4547. background-color: #f37b1d;
  4548. }
  4549. .am-icon-btn.am-danger {
  4550. background-color: #dd514c;
  4551. }
  4552. .am-icon-btn-sm {
  4553. width: 32px;
  4554. height: 32px;
  4555. font-size: 16px;
  4556. line-height: 32px;
  4557. }
  4558. .am-icon-btn-lg {
  4559. width: 64px;
  4560. height: 64px;
  4561. font-size: 28px;
  4562. line-height: 64px;
  4563. }
  4564. /* Icon mapping
  4565. ============================================================================= */
  4566. .am-icon-glass:before {
  4567. content: "\f000";
  4568. }
  4569. .am-icon-music:before {
  4570. content: "\f001";
  4571. }
  4572. .am-icon-search:before {
  4573. content: "\f002";
  4574. }
  4575. .am-icon-envelope-o:before {
  4576. content: "\f003";
  4577. }
  4578. .am-icon-heart:before {
  4579. content: "\f004";
  4580. }
  4581. .am-icon-star:before {
  4582. content: "\f005";
  4583. }
  4584. .am-icon-star-o:before {
  4585. content: "\f006";
  4586. }
  4587. .am-icon-user:before {
  4588. content: "\f007";
  4589. }
  4590. .am-icon-film:before {
  4591. content: "\f008";
  4592. }
  4593. .am-icon-th-large:before {
  4594. content: "\f009";
  4595. }
  4596. .am-icon-th:before {
  4597. content: "\f00a";
  4598. }
  4599. .am-icon-th-list:before {
  4600. content: "\f00b";
  4601. }
  4602. .am-icon-check:before {
  4603. content: "\f00c";
  4604. }
  4605. .am-icon-remove:before,
  4606. .am-icon-close:before,
  4607. .am-icon-times:before {
  4608. content: "\f00d";
  4609. }
  4610. .am-icon-search-plus:before {
  4611. content: "\f00e";
  4612. }
  4613. .am-icon-search-minus:before {
  4614. content: "\f010";
  4615. }
  4616. .am-icon-power-off:before {
  4617. content: "\f011";
  4618. }
  4619. .am-icon-signal:before {
  4620. content: "\f012";
  4621. }
  4622. .am-icon-gear:before,
  4623. .am-icon-cog:before {
  4624. content: "\f013";
  4625. }
  4626. .am-icon-trash-o:before {
  4627. content: "\f014";
  4628. }
  4629. .am-icon-home:before {
  4630. content: "\f015";
  4631. }
  4632. .am-icon-file-o:before {
  4633. content: "\f016";
  4634. }
  4635. .am-icon-clock-o:before {
  4636. content: "\f017";
  4637. }
  4638. .am-icon-road:before {
  4639. content: "\f018";
  4640. }
  4641. .am-icon-download:before {
  4642. content: "\f019";
  4643. }
  4644. .am-icon-arrow-circle-o-down:before {
  4645. content: "\f01a";
  4646. }
  4647. .am-icon-arrow-circle-o-up:before {
  4648. content: "\f01b";
  4649. }
  4650. .am-icon-inbox:before {
  4651. content: "\f01c";
  4652. }
  4653. .am-icon-play-circle-o:before {
  4654. content: "\f01d";
  4655. }
  4656. .am-icon-rotate-right:before,
  4657. .am-icon-repeat:before {
  4658. content: "\f01e";
  4659. }
  4660. .am-icon-refresh:before {
  4661. content: "\f021";
  4662. }
  4663. .am-icon-list-alt:before {
  4664. content: "\f022";
  4665. }
  4666. .am-icon-lock:before {
  4667. content: "\f023";
  4668. }
  4669. .am-icon-flag:before {
  4670. content: "\f024";
  4671. }
  4672. .am-icon-headphones:before {
  4673. content: "\f025";
  4674. }
  4675. .am-icon-volume-off:before {
  4676. content: "\f026";
  4677. }
  4678. .am-icon-volume-down:before {
  4679. content: "\f027";
  4680. }
  4681. .am-icon-volume-up:before {
  4682. content: "\f028";
  4683. }
  4684. .am-icon-qrcode:before {
  4685. content: "\f029";
  4686. }
  4687. .am-icon-barcode:before {
  4688. content: "\f02a";
  4689. }
  4690. .am-icon-tag:before {
  4691. content: "\f02b";
  4692. }
  4693. .am-icon-tags:before {
  4694. content: "\f02c";
  4695. }
  4696. .am-icon-book:before {
  4697. content: "\f02d";
  4698. }
  4699. .am-icon-bookmark:before {
  4700. content: "\f02e";
  4701. }
  4702. .am-icon-print:before {
  4703. content: "\f02f";
  4704. }
  4705. .am-icon-camera:before {
  4706. content: "\f030";
  4707. }
  4708. .am-icon-font:before {
  4709. content: "\f031";
  4710. }
  4711. .am-icon-bold:before {
  4712. content: "\f032";
  4713. }
  4714. .am-icon-italic:before {
  4715. content: "\f033";
  4716. }
  4717. .am-icon-text-height:before {
  4718. content: "\f034";
  4719. }
  4720. .am-icon-text-width:before {
  4721. content: "\f035";
  4722. }
  4723. .am-icon-align-left:before {
  4724. content: "\f036";
  4725. }
  4726. .am-icon-align-center:before {
  4727. content: "\f037";
  4728. }
  4729. .am-icon-align-right:before {
  4730. content: "\f038";
  4731. }
  4732. .am-icon-align-justify:before {
  4733. content: "\f039";
  4734. }
  4735. .am-icon-list:before {
  4736. content: "\f03a";
  4737. }
  4738. .am-icon-dedent:before,
  4739. .am-icon-outdent:before {
  4740. content: "\f03b";
  4741. }
  4742. .am-icon-indent:before {
  4743. content: "\f03c";
  4744. }
  4745. .am-icon-video-camera:before {
  4746. content: "\f03d";
  4747. }
  4748. .am-icon-photo:before,
  4749. .am-icon-image:before,
  4750. .am-icon-picture-o:before {
  4751. content: "\f03e";
  4752. }
  4753. .am-icon-pencil:before {
  4754. content: "\f040";
  4755. }
  4756. .am-icon-map-marker:before {
  4757. content: "\f041";
  4758. }
  4759. .am-icon-adjust:before {
  4760. content: "\f042";
  4761. }
  4762. .am-icon-tint:before {
  4763. content: "\f043";
  4764. }
  4765. .am-icon-edit:before,
  4766. .am-icon-pencil-square-o:before {
  4767. content: "\f044";
  4768. }
  4769. .am-icon-share-square-o:before {
  4770. content: "\f045";
  4771. }
  4772. .am-icon-check-square-o:before {
  4773. content: "\f046";
  4774. }
  4775. .am-icon-arrows:before {
  4776. content: "\f047";
  4777. }
  4778. .am-icon-step-backward:before {
  4779. content: "\f048";
  4780. }
  4781. .am-icon-fast-backward:before {
  4782. content: "\f049";
  4783. }
  4784. .am-icon-backward:before {
  4785. content: "\f04a";
  4786. }
  4787. .am-icon-play:before {
  4788. content: "\f04b";
  4789. }
  4790. .am-icon-pause:before {
  4791. content: "\f04c";
  4792. }
  4793. .am-icon-stop:before {
  4794. content: "\f04d";
  4795. }
  4796. .am-icon-forward:before {
  4797. content: "\f04e";
  4798. }
  4799. .am-icon-fast-forward:before {
  4800. content: "\f050";
  4801. }
  4802. .am-icon-step-forward:before {
  4803. content: "\f051";
  4804. }
  4805. .am-icon-eject:before {
  4806. content: "\f052";
  4807. }
  4808. .am-icon-chevron-left:before {
  4809. content: "\f053";
  4810. }
  4811. .am-icon-chevron-right:before {
  4812. content: "\f054";
  4813. }
  4814. .am-icon-plus-circle:before {
  4815. content: "\f055";
  4816. }
  4817. .am-icon-minus-circle:before {
  4818. content: "\f056";
  4819. }
  4820. .am-icon-times-circle:before {
  4821. content: "\f057";
  4822. }
  4823. .am-icon-check-circle:before {
  4824. content: "\f058";
  4825. }
  4826. .am-icon-question-circle:before {
  4827. content: "\f059";
  4828. }
  4829. .am-icon-info-circle:before {
  4830. content: "\f05a";
  4831. }
  4832. .am-icon-crosshairs:before {
  4833. content: "\f05b";
  4834. }
  4835. .am-icon-times-circle-o:before {
  4836. content: "\f05c";
  4837. }
  4838. .am-icon-check-circle-o:before {
  4839. content: "\f05d";
  4840. }
  4841. .am-icon-ban:before {
  4842. content: "\f05e";
  4843. }
  4844. .am-icon-arrow-left:before {
  4845. content: "\f060";
  4846. }
  4847. .am-icon-arrow-right:before {
  4848. content: "\f061";
  4849. }
  4850. .am-icon-arrow-up:before {
  4851. content: "\f062";
  4852. }
  4853. .am-icon-arrow-down:before {
  4854. content: "\f063";
  4855. }
  4856. .am-icon-mail-forward:before,
  4857. .am-icon-share:before {
  4858. content: "\f064";
  4859. }
  4860. .am-icon-expand:before {
  4861. content: "\f065";
  4862. }
  4863. .am-icon-compress:before {
  4864. content: "\f066";
  4865. }
  4866. .am-icon-plus:before {
  4867. content: "\f067";
  4868. }
  4869. .am-icon-minus:before {
  4870. content: "\f068";
  4871. }
  4872. .am-icon-asterisk:before {
  4873. content: "\f069";
  4874. }
  4875. .am-icon-exclamation-circle:before {
  4876. content: "\f06a";
  4877. }
  4878. .am-icon-gift:before {
  4879. content: "\f06b";
  4880. }
  4881. .am-icon-leaf:before {
  4882. content: "\f06c";
  4883. }
  4884. .am-icon-fire:before {
  4885. content: "\f06d";
  4886. }
  4887. .am-icon-eye:before {
  4888. content: "\f06e";
  4889. }
  4890. .am-icon-eye-slash:before {
  4891. content: "\f070";
  4892. }
  4893. .am-icon-warning:before,
  4894. .am-icon-exclamation-triangle:before {
  4895. content: "\f071";
  4896. }
  4897. .am-icon-plane:before {
  4898. content: "\f072";
  4899. }
  4900. .am-icon-calendar:before {
  4901. content: "\f073";
  4902. }
  4903. .am-icon-random:before {
  4904. content: "\f074";
  4905. }
  4906. .am-icon-comment:before {
  4907. content: "\f075";
  4908. }
  4909. .am-icon-magnet:before {
  4910. content: "\f076";
  4911. }
  4912. .am-icon-chevron-up:before {
  4913. content: "\f077";
  4914. }
  4915. .am-icon-chevron-down:before {
  4916. content: "\f078";
  4917. }
  4918. .am-icon-retweet:before {
  4919. content: "\f079";
  4920. }
  4921. .am-icon-shopping-cart:before {
  4922. content: "\f07a";
  4923. }
  4924. .am-icon-folder:before {
  4925. content: "\f07b";
  4926. }
  4927. .am-icon-folder-open:before {
  4928. content: "\f07c";
  4929. }
  4930. .am-icon-arrows-v:before {
  4931. content: "\f07d";
  4932. }
  4933. .am-icon-arrows-h:before {
  4934. content: "\f07e";
  4935. }
  4936. .am-icon-bar-chart-o:before,
  4937. .am-icon-bar-chart:before {
  4938. content: "\f080";
  4939. }
  4940. .am-icon-twitter-square:before {
  4941. content: "\f081";
  4942. }
  4943. .am-icon-facebook-square:before {
  4944. content: "\f082";
  4945. }
  4946. .am-icon-camera-retro:before {
  4947. content: "\f083";
  4948. }
  4949. .am-icon-key:before {
  4950. content: "\f084";
  4951. }
  4952. .am-icon-gears:before,
  4953. .am-icon-cogs:before {
  4954. content: "\f085";
  4955. }
  4956. .am-icon-comments:before {
  4957. content: "\f086";
  4958. }
  4959. .am-icon-thumbs-o-up:before {
  4960. content: "\f087";
  4961. }
  4962. .am-icon-thumbs-o-down:before {
  4963. content: "\f088";
  4964. }
  4965. .am-icon-star-half:before {
  4966. content: "\f089";
  4967. }
  4968. .am-icon-heart-o:before {
  4969. content: "\f08a";
  4970. }
  4971. .am-icon-sign-out:before {
  4972. content: "\f08b";
  4973. }
  4974. .am-icon-linkedin-square:before {
  4975. content: "\f08c";
  4976. }
  4977. .am-icon-thumb-tack:before {
  4978. content: "\f08d";
  4979. }
  4980. .am-icon-external-link:before {
  4981. content: "\f08e";
  4982. }
  4983. .am-icon-sign-in:before {
  4984. content: "\f090";
  4985. }
  4986. .am-icon-trophy:before {
  4987. content: "\f091";
  4988. }
  4989. .am-icon-github-square:before {
  4990. content: "\f092";
  4991. }
  4992. .am-icon-upload:before {
  4993. content: "\f093";
  4994. }
  4995. .am-icon-lemon-o:before {
  4996. content: "\f094";
  4997. }
  4998. .am-icon-phone:before {
  4999. content: "\f095";
  5000. }
  5001. .am-icon-square-o:before {
  5002. content: "\f096";
  5003. }
  5004. .am-icon-bookmark-o:before {
  5005. content: "\f097";
  5006. }
  5007. .am-icon-phone-square:before {
  5008. content: "\f098";
  5009. }
  5010. .am-icon-twitter:before {
  5011. content: "\f099";
  5012. }
  5013. .am-icon-facebook:before {
  5014. content: "\f09a";
  5015. }
  5016. .am-icon-github:before {
  5017. content: "\f09b";
  5018. }
  5019. .am-icon-unlock:before {
  5020. content: "\f09c";
  5021. }
  5022. .am-icon-credit-card:before {
  5023. content: "\f09d";
  5024. }
  5025. .am-icon-rss:before {
  5026. content: "\f09e";
  5027. }
  5028. .am-icon-hdd-o:before {
  5029. content: "\f0a0";
  5030. }
  5031. .am-icon-bullhorn:before {
  5032. content: "\f0a1";
  5033. }
  5034. .am-icon-bell:before {
  5035. content: "\f0f3";
  5036. }
  5037. .am-icon-certificate:before {
  5038. content: "\f0a3";
  5039. }
  5040. .am-icon-hand-o-right:before {
  5041. content: "\f0a4";
  5042. }
  5043. .am-icon-hand-o-left:before {
  5044. content: "\f0a5";
  5045. }
  5046. .am-icon-hand-o-up:before {
  5047. content: "\f0a6";
  5048. }
  5049. .am-icon-hand-o-down:before {
  5050. content: "\f0a7";
  5051. }
  5052. .am-icon-arrow-circle-left:before {
  5053. content: "\f0a8";
  5054. }
  5055. .am-icon-arrow-circle-right:before {
  5056. content: "\f0a9";
  5057. }
  5058. .am-icon-arrow-circle-up:before {
  5059. content: "\f0aa";
  5060. }
  5061. .am-icon-arrow-circle-down:before {
  5062. content: "\f0ab";
  5063. }
  5064. .am-icon-globe:before {
  5065. content: "\f0ac";
  5066. }
  5067. .am-icon-wrench:before {
  5068. content: "\f0ad";
  5069. }
  5070. .am-icon-tasks:before {
  5071. content: "\f0ae";
  5072. }
  5073. .am-icon-filter:before {
  5074. content: "\f0b0";
  5075. }
  5076. .am-icon-briefcase:before {
  5077. content: "\f0b1";
  5078. }
  5079. .am-icon-arrows-alt:before {
  5080. content: "\f0b2";
  5081. }
  5082. .am-icon-group:before,
  5083. .am-icon-users:before {
  5084. content: "\f0c0";
  5085. }
  5086. .am-icon-chain:before,
  5087. .am-icon-link:before {
  5088. content: "\f0c1";
  5089. }
  5090. .am-icon-cloud:before {
  5091. content: "\f0c2";
  5092. }
  5093. .am-icon-flask:before {
  5094. content: "\f0c3";
  5095. }
  5096. .am-icon-cut:before,
  5097. .am-icon-scissors:before {
  5098. content: "\f0c4";
  5099. }
  5100. .am-icon-copy:before,
  5101. .am-icon-files-o:before {
  5102. content: "\f0c5";
  5103. }
  5104. .am-icon-paperclip:before {
  5105. content: "\f0c6";
  5106. }
  5107. .am-icon-save:before,
  5108. .am-icon-floppy-o:before {
  5109. content: "\f0c7";
  5110. }
  5111. .am-icon-square:before {
  5112. content: "\f0c8";
  5113. }
  5114. .am-icon-navicon:before,
  5115. .am-icon-reorder:before,
  5116. .am-icon-bars:before {
  5117. content: "\f0c9";
  5118. }
  5119. .am-icon-list-ul:before {
  5120. content: "\f0ca";
  5121. }
  5122. .am-icon-list-ol:before {
  5123. content: "\f0cb";
  5124. }
  5125. .am-icon-strikethrough:before {
  5126. content: "\f0cc";
  5127. }
  5128. .am-icon-underline:before {
  5129. content: "\f0cd";
  5130. }
  5131. .am-icon-table:before {
  5132. content: "\f0ce";
  5133. }
  5134. .am-icon-magic:before {
  5135. content: "\f0d0";
  5136. }
  5137. .am-icon-truck:before {
  5138. content: "\f0d1";
  5139. }
  5140. .am-icon-pinterest:before {
  5141. content: "\f0d2";
  5142. }
  5143. .am-icon-pinterest-square:before {
  5144. content: "\f0d3";
  5145. }
  5146. .am-icon-google-plus-square:before {
  5147. content: "\f0d4";
  5148. }
  5149. .am-icon-google-plus:before {
  5150. content: "\f0d5";
  5151. }
  5152. .am-icon-money:before {
  5153. content: "\f0d6";
  5154. }
  5155. .am-icon-caret-down:before {
  5156. content: "\f0d7";
  5157. }
  5158. .am-icon-caret-up:before {
  5159. content: "\f0d8";
  5160. }
  5161. .am-icon-caret-left:before {
  5162. content: "\f0d9";
  5163. }
  5164. .am-icon-caret-right:before {
  5165. content: "\f0da";
  5166. }
  5167. .am-icon-columns:before {
  5168. content: "\f0db";
  5169. }
  5170. .am-icon-unsorted:before,
  5171. .am-icon-sort:before {
  5172. content: "\f0dc";
  5173. }
  5174. .am-icon-sort-down:before,
  5175. .am-icon-sort-desc:before {
  5176. content: "\f0dd";
  5177. }
  5178. .am-icon-sort-up:before,
  5179. .am-icon-sort-asc:before {
  5180. content: "\f0de";
  5181. }
  5182. .am-icon-envelope:before {
  5183. content: "\f0e0";
  5184. }
  5185. .am-icon-linkedin:before {
  5186. content: "\f0e1";
  5187. }
  5188. .am-icon-rotate-left:before,
  5189. .am-icon-undo:before {
  5190. content: "\f0e2";
  5191. }
  5192. .am-icon-legal:before,
  5193. .am-icon-gavel:before {
  5194. content: "\f0e3";
  5195. }
  5196. .am-icon-dashboard:before,
  5197. .am-icon-tachometer:before {
  5198. content: "\f0e4";
  5199. }
  5200. .am-icon-comment-o:before {
  5201. content: "\f0e5";
  5202. }
  5203. .am-icon-comments-o:before {
  5204. content: "\f0e6";
  5205. }
  5206. .am-icon-flash:before,
  5207. .am-icon-bolt:before {
  5208. content: "\f0e7";
  5209. }
  5210. .am-icon-sitemap:before {
  5211. content: "\f0e8";
  5212. }
  5213. .am-icon-umbrella:before {
  5214. content: "\f0e9";
  5215. }
  5216. .am-icon-paste:before,
  5217. .am-icon-clipboard:before {
  5218. content: "\f0ea";
  5219. }
  5220. .am-icon-lightbulb-o:before {
  5221. content: "\f0eb";
  5222. }
  5223. .am-icon-exchange:before {
  5224. content: "\f0ec";
  5225. }
  5226. .am-icon-cloud-download:before {
  5227. content: "\f0ed";
  5228. }
  5229. .am-icon-cloud-upload:before {
  5230. content: "\f0ee";
  5231. }
  5232. .am-icon-user-md:before {
  5233. content: "\f0f0";
  5234. }
  5235. .am-icon-stethoscope:before {
  5236. content: "\f0f1";
  5237. }
  5238. .am-icon-suitcase:before {
  5239. content: "\f0f2";
  5240. }
  5241. .am-icon-bell-o:before {
  5242. content: "\f0a2";
  5243. }
  5244. .am-icon-coffee:before {
  5245. content: "\f0f4";
  5246. }
  5247. .am-icon-cutlery:before {
  5248. content: "\f0f5";
  5249. }
  5250. .am-icon-file-text-o:before {
  5251. content: "\f0f6";
  5252. }
  5253. .am-icon-building-o:before {
  5254. content: "\f0f7";
  5255. }
  5256. .am-icon-hospital-o:before {
  5257. content: "\f0f8";
  5258. }
  5259. .am-icon-ambulance:before {
  5260. content: "\f0f9";
  5261. }
  5262. .am-icon-medkit:before {
  5263. content: "\f0fa";
  5264. }
  5265. .am-icon-fighter-jet:before {
  5266. content: "\f0fb";
  5267. }
  5268. .am-icon-beer:before {
  5269. content: "\f0fc";
  5270. }
  5271. .am-icon-h-square:before {
  5272. content: "\f0fd";
  5273. }
  5274. .am-icon-plus-square:before {
  5275. content: "\f0fe";
  5276. }
  5277. .am-icon-angle-double-left:before {
  5278. content: "\f100";
  5279. }
  5280. .am-icon-angle-double-right:before {
  5281. content: "\f101";
  5282. }
  5283. .am-icon-angle-double-up:before {
  5284. content: "\f102";
  5285. }
  5286. .am-icon-angle-double-down:before {
  5287. content: "\f103";
  5288. }
  5289. .am-icon-angle-left:before {
  5290. content: "\f104";
  5291. }
  5292. .am-icon-angle-right:before {
  5293. content: "\f105";
  5294. }
  5295. .am-icon-angle-up:before {
  5296. content: "\f106";
  5297. }
  5298. .am-icon-angle-down:before {
  5299. content: "\f107";
  5300. }
  5301. .am-icon-desktop:before {
  5302. content: "\f108";
  5303. }
  5304. .am-icon-laptop:before {
  5305. content: "\f109";
  5306. }
  5307. .am-icon-tablet:before {
  5308. content: "\f10a";
  5309. }
  5310. .am-icon-mobile-phone:before,
  5311. .am-icon-mobile:before {
  5312. content: "\f10b";
  5313. }
  5314. .am-icon-circle-o:before {
  5315. content: "\f10c";
  5316. }
  5317. .am-icon-quote-left:before {
  5318. content: "\f10d";
  5319. }
  5320. .am-icon-quote-right:before {
  5321. content: "\f10e";
  5322. }
  5323. .am-icon-spinner:before {
  5324. content: "\f110";
  5325. }
  5326. .am-icon-circle:before {
  5327. content: "\f111";
  5328. }
  5329. .am-icon-mail-reply:before,
  5330. .am-icon-reply:before {
  5331. content: "\f112";
  5332. }
  5333. .am-icon-github-alt:before {
  5334. content: "\f113";
  5335. }
  5336. .am-icon-folder-o:before {
  5337. content: "\f114";
  5338. }
  5339. .am-icon-folder-open-o:before {
  5340. content: "\f115";
  5341. }
  5342. .am-icon-smile-o:before {
  5343. content: "\f118";
  5344. }
  5345. .am-icon-frown-o:before {
  5346. content: "\f119";
  5347. }
  5348. .am-icon-meh-o:before {
  5349. content: "\f11a";
  5350. }
  5351. .am-icon-gamepad:before {
  5352. content: "\f11b";
  5353. }
  5354. .am-icon-keyboard-o:before {
  5355. content: "\f11c";
  5356. }
  5357. .am-icon-flag-o:before {
  5358. content: "\f11d";
  5359. }
  5360. .am-icon-flag-checkered:before {
  5361. content: "\f11e";
  5362. }
  5363. .am-icon-terminal:before {
  5364. content: "\f120";
  5365. }
  5366. .am-icon-code:before {
  5367. content: "\f121";
  5368. }
  5369. .am-icon-mail-reply-all:before,
  5370. .am-icon-reply-all:before {
  5371. content: "\f122";
  5372. }
  5373. .am-icon-star-half-empty:before,
  5374. .am-icon-star-half-full:before,
  5375. .am-icon-star-half-o:before {
  5376. content: "\f123";
  5377. }
  5378. .am-icon-location-arrow:before {
  5379. content: "\f124";
  5380. }
  5381. .am-icon-crop:before {
  5382. content: "\f125";
  5383. }
  5384. .am-icon-code-fork:before {
  5385. content: "\f126";
  5386. }
  5387. .am-icon-unlink:before,
  5388. .am-icon-chain-broken:before {
  5389. content: "\f127";
  5390. }
  5391. .am-icon-question:before {
  5392. content: "\f128";
  5393. }
  5394. .am-icon-info:before {
  5395. content: "\f129";
  5396. }
  5397. .am-icon-exclamation:before {
  5398. content: "\f12a";
  5399. }
  5400. .am-icon-superscript:before {
  5401. content: "\f12b";
  5402. }
  5403. .am-icon-subscript:before {
  5404. content: "\f12c";
  5405. }
  5406. .am-icon-eraser:before {
  5407. content: "\f12d";
  5408. }
  5409. .am-icon-puzzle-piece:before {
  5410. content: "\f12e";
  5411. }
  5412. .am-icon-microphone:before {
  5413. content: "\f130";
  5414. }
  5415. .am-icon-microphone-slash:before {
  5416. content: "\f131";
  5417. }
  5418. .am-icon-shield:before {
  5419. content: "\f132";
  5420. }
  5421. .am-icon-calendar-o:before {
  5422. content: "\f133";
  5423. }
  5424. .am-icon-fire-extinguisher:before {
  5425. content: "\f134";
  5426. }
  5427. .am-icon-rocket:before {
  5428. content: "\f135";
  5429. }
  5430. .am-icon-maxcdn:before {
  5431. content: "\f136";
  5432. }
  5433. .am-icon-chevron-circle-left:before {
  5434. content: "\f137";
  5435. }
  5436. .am-icon-chevron-circle-right:before {
  5437. content: "\f138";
  5438. }
  5439. .am-icon-chevron-circle-up:before {
  5440. content: "\f139";
  5441. }
  5442. .am-icon-chevron-circle-down:before {
  5443. content: "\f13a";
  5444. }
  5445. .am-icon-html5:before {
  5446. content: "\f13b";
  5447. }
  5448. .am-icon-css3:before {
  5449. content: "\f13c";
  5450. }
  5451. .am-icon-anchor:before {
  5452. content: "\f13d";
  5453. }
  5454. .am-icon-unlock-alt:before {
  5455. content: "\f13e";
  5456. }
  5457. .am-icon-bullseye:before {
  5458. content: "\f140";
  5459. }
  5460. .am-icon-ellipsis-h:before {
  5461. content: "\f141";
  5462. }
  5463. .am-icon-ellipsis-v:before {
  5464. content: "\f142";
  5465. }
  5466. .am-icon-rss-square:before {
  5467. content: "\f143";
  5468. }
  5469. .am-icon-play-circle:before {
  5470. content: "\f144";
  5471. }
  5472. .am-icon-ticket:before {
  5473. content: "\f145";
  5474. }
  5475. .am-icon-minus-square:before {
  5476. content: "\f146";
  5477. }
  5478. .am-icon-minus-square-o:before {
  5479. content: "\f147";
  5480. }
  5481. .am-icon-level-up:before {
  5482. content: "\f148";
  5483. }
  5484. .am-icon-level-down:before {
  5485. content: "\f149";
  5486. }
  5487. .am-icon-check-square:before {
  5488. content: "\f14a";
  5489. }
  5490. .am-icon-pencil-square:before {
  5491. content: "\f14b";
  5492. }
  5493. .am-icon-external-link-square:before {
  5494. content: "\f14c";
  5495. }
  5496. .am-icon-share-square:before {
  5497. content: "\f14d";
  5498. }
  5499. .am-icon-compass:before {
  5500. content: "\f14e";
  5501. }
  5502. .am-icon-toggle-down:before,
  5503. .am-icon-caret-square-o-down:before {
  5504. content: "\f150";
  5505. }
  5506. .am-icon-toggle-up:before,
  5507. .am-icon-caret-square-o-up:before {
  5508. content: "\f151";
  5509. }
  5510. .am-icon-toggle-right:before,
  5511. .am-icon-caret-square-o-right:before {
  5512. content: "\f152";
  5513. }
  5514. .am-icon-euro:before,
  5515. .am-icon-eur:before {
  5516. content: "\f153";
  5517. }
  5518. .am-icon-gbp:before {
  5519. content: "\f154";
  5520. }
  5521. .am-icon-dollar:before,
  5522. .am-icon-usd:before {
  5523. content: "\f155";
  5524. }
  5525. .am-icon-rupee:before,
  5526. .am-icon-inr:before {
  5527. content: "\f156";
  5528. }
  5529. .am-icon-cny:before,
  5530. .am-icon-rmb:before,
  5531. .am-icon-yen:before,
  5532. .am-icon-jpy:before {
  5533. content: "\f157";
  5534. }
  5535. .am-icon-ruble:before,
  5536. .am-icon-rouble:before,
  5537. .am-icon-rub:before {
  5538. content: "\f158";
  5539. }
  5540. .am-icon-won:before,
  5541. .am-icon-krw:before {
  5542. content: "\f159";
  5543. }
  5544. .am-icon-bitcoin:before,
  5545. .am-icon-btc:before {
  5546. content: "\f15a";
  5547. }
  5548. .am-icon-file:before {
  5549. content: "\f15b";
  5550. }
  5551. .am-icon-file-text:before {
  5552. content: "\f15c";
  5553. }
  5554. .am-icon-sort-alpha-asc:before {
  5555. content: "\f15d";
  5556. }
  5557. .am-icon-sort-alpha-desc:before {
  5558. content: "\f15e";
  5559. }
  5560. .am-icon-sort-amount-asc:before {
  5561. content: "\f160";
  5562. }
  5563. .am-icon-sort-amount-desc:before {
  5564. content: "\f161";
  5565. }
  5566. .am-icon-sort-numeric-asc:before {
  5567. content: "\f162";
  5568. }
  5569. .am-icon-sort-numeric-desc:before {
  5570. content: "\f163";
  5571. }
  5572. .am-icon-thumbs-up:before {
  5573. content: "\f164";
  5574. }
  5575. .am-icon-thumbs-down:before {
  5576. content: "\f165";
  5577. }
  5578. .am-icon-youtube-square:before {
  5579. content: "\f166";
  5580. }
  5581. .am-icon-youtube:before {
  5582. content: "\f167";
  5583. }
  5584. .am-icon-xing:before {
  5585. content: "\f168";
  5586. }
  5587. .am-icon-xing-square:before {
  5588. content: "\f169";
  5589. }
  5590. .am-icon-youtube-play:before {
  5591. content: "\f16a";
  5592. }
  5593. .am-icon-dropbox:before {
  5594. content: "\f16b";
  5595. }
  5596. .am-icon-stack-overflow:before {
  5597. content: "\f16c";
  5598. }
  5599. .am-icon-instagram:before {
  5600. content: "\f16d";
  5601. }
  5602. .am-icon-flickr:before {
  5603. content: "\f16e";
  5604. }
  5605. .am-icon-adn:before {
  5606. content: "\f170";
  5607. }
  5608. .am-icon-bitbucket:before {
  5609. content: "\f171";
  5610. }
  5611. .am-icon-bitbucket-square:before {
  5612. content: "\f172";
  5613. }
  5614. .am-icon-tumblr:before {
  5615. content: "\f173";
  5616. }
  5617. .am-icon-tumblr-square:before {
  5618. content: "\f174";
  5619. }
  5620. .am-icon-long-arrow-down:before {
  5621. content: "\f175";
  5622. }
  5623. .am-icon-long-arrow-up:before {
  5624. content: "\f176";
  5625. }
  5626. .am-icon-long-arrow-left:before {
  5627. content: "\f177";
  5628. }
  5629. .am-icon-long-arrow-right:before {
  5630. content: "\f178";
  5631. }
  5632. .am-icon-apple:before {
  5633. content: "\f179";
  5634. }
  5635. .am-icon-windows:before {
  5636. content: "\f17a";
  5637. }
  5638. .am-icon-android:before {
  5639. content: "\f17b";
  5640. }
  5641. .am-icon-linux:before {
  5642. content: "\f17c";
  5643. }
  5644. .am-icon-dribbble:before {
  5645. content: "\f17d";
  5646. }
  5647. .am-icon-skype:before {
  5648. content: "\f17e";
  5649. }
  5650. .am-icon-foursquare:before {
  5651. content: "\f180";
  5652. }
  5653. .am-icon-trello:before {
  5654. content: "\f181";
  5655. }
  5656. .am-icon-female:before {
  5657. content: "\f182";
  5658. }
  5659. .am-icon-male:before {
  5660. content: "\f183";
  5661. }
  5662. .am-icon-gittip:before {
  5663. content: "\f184";
  5664. }
  5665. .am-icon-sun-o:before {
  5666. content: "\f185";
  5667. }
  5668. .am-icon-moon-o:before {
  5669. content: "\f186";
  5670. }
  5671. .am-icon-archive:before {
  5672. content: "\f187";
  5673. }
  5674. .am-icon-bug:before {
  5675. content: "\f188";
  5676. }
  5677. .am-icon-vk:before {
  5678. content: "\f189";
  5679. }
  5680. .am-icon-weibo:before {
  5681. content: "\f18a";
  5682. }
  5683. .am-icon-renren:before {
  5684. content: "\f18b";
  5685. }
  5686. .am-icon-pagelines:before {
  5687. content: "\f18c";
  5688. }
  5689. .am-icon-stack-exchange:before {
  5690. content: "\f18d";
  5691. }
  5692. .am-icon-arrow-circle-o-right:before {
  5693. content: "\f18e";
  5694. }
  5695. .am-icon-arrow-circle-o-left:before {
  5696. content: "\f190";
  5697. }
  5698. .am-icon-toggle-left:before,
  5699. .am-icon-caret-square-o-left:before {
  5700. content: "\f191";
  5701. }
  5702. .am-icon-dot-circle-o:before {
  5703. content: "\f192";
  5704. }
  5705. .am-icon-wheelchair:before {
  5706. content: "\f193";
  5707. }
  5708. .am-icon-vimeo-square:before {
  5709. content: "\f194";
  5710. }
  5711. .am-icon-turkish-lira:before,
  5712. .am-icon-try:before {
  5713. content: "\f195";
  5714. }
  5715. .am-icon-plus-square-o:before {
  5716. content: "\f196";
  5717. }
  5718. .am-icon-space-shuttle:before {
  5719. content: "\f197";
  5720. }
  5721. .am-icon-slack:before {
  5722. content: "\f198";
  5723. }
  5724. .am-icon-envelope-square:before {
  5725. content: "\f199";
  5726. }
  5727. .am-icon-wordpress:before {
  5728. content: "\f19a";
  5729. }
  5730. .am-icon-openid:before {
  5731. content: "\f19b";
  5732. }
  5733. .am-icon-institution:before,
  5734. .am-icon-bank:before,
  5735. .am-icon-university:before {
  5736. content: "\f19c";
  5737. }
  5738. .am-icon-mortar-board:before,
  5739. .am-icon-graduation-cap:before {
  5740. content: "\f19d";
  5741. }
  5742. .am-icon-yahoo:before {
  5743. content: "\f19e";
  5744. }
  5745. .am-icon-google:before {
  5746. content: "\f1a0";
  5747. }
  5748. .am-icon-reddit:before {
  5749. content: "\f1a1";
  5750. }
  5751. .am-icon-reddit-square:before {
  5752. content: "\f1a2";
  5753. }
  5754. .am-icon-stumbleupon-circle:before {
  5755. content: "\f1a3";
  5756. }
  5757. .am-icon-stumbleupon:before {
  5758. content: "\f1a4";
  5759. }
  5760. .am-icon-delicious:before {
  5761. content: "\f1a5";
  5762. }
  5763. .am-icon-digg:before {
  5764. content: "\f1a6";
  5765. }
  5766. .am-icon-pied-piper:before {
  5767. content: "\f1a7";
  5768. }
  5769. .am-icon-pied-piper-alt:before {
  5770. content: "\f1a8";
  5771. }
  5772. .am-icon-drupal:before {
  5773. content: "\f1a9";
  5774. }
  5775. .am-icon-joomla:before {
  5776. content: "\f1aa";
  5777. }
  5778. .am-icon-language:before {
  5779. content: "\f1ab";
  5780. }
  5781. .am-icon-fax:before {
  5782. content: "\f1ac";
  5783. }
  5784. .am-icon-building:before {
  5785. content: "\f1ad";
  5786. }
  5787. .am-icon-child:before {
  5788. content: "\f1ae";
  5789. }
  5790. .am-icon-paw:before {
  5791. content: "\f1b0";
  5792. }
  5793. .am-icon-spoon:before {
  5794. content: "\f1b1";
  5795. }
  5796. .am-icon-cube:before {
  5797. content: "\f1b2";
  5798. }
  5799. .am-icon-cubes:before {
  5800. content: "\f1b3";
  5801. }
  5802. .am-icon-behance:before {
  5803. content: "\f1b4";
  5804. }
  5805. .am-icon-behance-square:before {
  5806. content: "\f1b5";
  5807. }
  5808. .am-icon-steam:before {
  5809. content: "\f1b6";
  5810. }
  5811. .am-icon-steam-square:before {
  5812. content: "\f1b7";
  5813. }
  5814. .am-icon-recycle:before {
  5815. content: "\f1b8";
  5816. }
  5817. .am-icon-automobile:before,
  5818. .am-icon-car:before {
  5819. content: "\f1b9";
  5820. }
  5821. .am-icon-cab:before,
  5822. .am-icon-taxi:before {
  5823. content: "\f1ba";
  5824. }
  5825. .am-icon-tree:before {
  5826. content: "\f1bb";
  5827. }
  5828. .am-icon-spotify:before {
  5829. content: "\f1bc";
  5830. }
  5831. .am-icon-deviantart:before {
  5832. content: "\f1bd";
  5833. }
  5834. .am-icon-soundcloud:before {
  5835. content: "\f1be";
  5836. }
  5837. .am-icon-database:before {
  5838. content: "\f1c0";
  5839. }
  5840. .am-icon-file-pdf-o:before {
  5841. content: "\f1c1";
  5842. }
  5843. .am-icon-file-word-o:before {
  5844. content: "\f1c2";
  5845. }
  5846. .am-icon-file-excel-o:before {
  5847. content: "\f1c3";
  5848. }
  5849. .am-icon-file-powerpoint-o:before {
  5850. content: "\f1c4";
  5851. }
  5852. .am-icon-file-photo-o:before,
  5853. .am-icon-file-picture-o:before,
  5854. .am-icon-file-image-o:before {
  5855. content: "\f1c5";
  5856. }
  5857. .am-icon-file-zip-o:before,
  5858. .am-icon-file-archive-o:before {
  5859. content: "\f1c6";
  5860. }
  5861. .am-icon-file-sound-o:before,
  5862. .am-icon-file-audio-o:before {
  5863. content: "\f1c7";
  5864. }
  5865. .am-icon-file-movie-o:before,
  5866. .am-icon-file-video-o:before {
  5867. content: "\f1c8";
  5868. }
  5869. .am-icon-file-code-o:before {
  5870. content: "\f1c9";
  5871. }
  5872. .am-icon-vine:before {
  5873. content: "\f1ca";
  5874. }
  5875. .am-icon-codepen:before {
  5876. content: "\f1cb";
  5877. }
  5878. .am-icon-jsfiddle:before {
  5879. content: "\f1cc";
  5880. }
  5881. .am-icon-life-bouy:before,
  5882. .am-icon-life-buoy:before,
  5883. .am-icon-life-saver:before,
  5884. .am-icon-support:before,
  5885. .am-icon-life-ring:before {
  5886. content: "\f1cd";
  5887. }
  5888. .am-icon-circle-o-notch:before {
  5889. content: "\f1ce";
  5890. }
  5891. .am-icon-ra:before,
  5892. .am-icon-rebel:before {
  5893. content: "\f1d0";
  5894. }
  5895. .am-icon-ge:before,
  5896. .am-icon-empire:before {
  5897. content: "\f1d1";
  5898. }
  5899. .am-icon-git-square:before {
  5900. content: "\f1d2";
  5901. }
  5902. .am-icon-git:before {
  5903. content: "\f1d3";
  5904. }
  5905. .am-icon-hacker-news:before {
  5906. content: "\f1d4";
  5907. }
  5908. .am-icon-tencent-weibo:before {
  5909. content: "\f1d5";
  5910. }
  5911. .am-icon-qq:before {
  5912. content: "\f1d6";
  5913. }
  5914. .am-icon-wechat:before,
  5915. .am-icon-weixin:before {
  5916. content: "\f1d7";
  5917. }
  5918. .am-icon-send:before,
  5919. .am-icon-paper-plane:before {
  5920. content: "\f1d8";
  5921. }
  5922. .am-icon-send-o:before,
  5923. .am-icon-paper-plane-o:before {
  5924. content: "\f1d9";
  5925. }
  5926. .am-icon-history:before {
  5927. content: "\f1da";
  5928. }
  5929. .am-icon-circle-thin:before {
  5930. content: "\f1db";
  5931. }
  5932. .am-icon-header:before {
  5933. content: "\f1dc";
  5934. }
  5935. .am-icon-paragraph:before {
  5936. content: "\f1dd";
  5937. }
  5938. .am-icon-sliders:before {
  5939. content: "\f1de";
  5940. }
  5941. .am-icon-share-alt:before {
  5942. content: "\f1e0";
  5943. }
  5944. .am-icon-share-alt-square:before {
  5945. content: "\f1e1";
  5946. }
  5947. .am-icon-bomb:before {
  5948. content: "\f1e2";
  5949. }
  5950. .am-icon-soccer-ball-o:before,
  5951. .am-icon-futbol-o:before {
  5952. content: "\f1e3";
  5953. }
  5954. .am-icon-tty:before {
  5955. content: "\f1e4";
  5956. }
  5957. .am-icon-binoculars:before {
  5958. content: "\f1e5";
  5959. }
  5960. .am-icon-plug:before {
  5961. content: "\f1e6";
  5962. }
  5963. .am-icon-slideshare:before {
  5964. content: "\f1e7";
  5965. }
  5966. .am-icon-twitch:before {
  5967. content: "\f1e8";
  5968. }
  5969. .am-icon-yelp:before {
  5970. content: "\f1e9";
  5971. }
  5972. .am-icon-newspaper-o:before {
  5973. content: "\f1ea";
  5974. }
  5975. .am-icon-wifi:before {
  5976. content: "\f1eb";
  5977. }
  5978. .am-icon-calculator:before {
  5979. content: "\f1ec";
  5980. }
  5981. .am-icon-paypal:before {
  5982. content: "\f1ed";
  5983. }
  5984. .am-icon-google-wallet:before {
  5985. content: "\f1ee";
  5986. }
  5987. .am-icon-cc-visa:before {
  5988. content: "\f1f0";
  5989. }
  5990. .am-icon-cc-mastercard:before {
  5991. content: "\f1f1";
  5992. }
  5993. .am-icon-cc-discover:before {
  5994. content: "\f1f2";
  5995. }
  5996. .am-icon-cc-amex:before {
  5997. content: "\f1f3";
  5998. }
  5999. .am-icon-cc-paypal:before {
  6000. content: "\f1f4";
  6001. }
  6002. .am-icon-cc-stripe:before {
  6003. content: "\f1f5";
  6004. }
  6005. .am-icon-bell-slash:before {
  6006. content: "\f1f6";
  6007. }
  6008. .am-icon-bell-slash-o:before {
  6009. content: "\f1f7";
  6010. }
  6011. .am-icon-trash:before {
  6012. content: "\f1f8";
  6013. }
  6014. .am-icon-copyright:before {
  6015. content: "\f1f9";
  6016. }
  6017. .am-icon-at:before {
  6018. content: "\f1fa";
  6019. }
  6020. .am-icon-eyedropper:before {
  6021. content: "\f1fb";
  6022. }
  6023. .am-icon-paint-brush:before {
  6024. content: "\f1fc";
  6025. }
  6026. .am-icon-birthday-cake:before {
  6027. content: "\f1fd";
  6028. }
  6029. .am-icon-area-chart:before {
  6030. content: "\f1fe";
  6031. }
  6032. .am-icon-pie-chart:before {
  6033. content: "\f200";
  6034. }
  6035. .am-icon-line-chart:before {
  6036. content: "\f201";
  6037. }
  6038. .am-icon-lastfm:before {
  6039. content: "\f202";
  6040. }
  6041. .am-icon-lastfm-square:before {
  6042. content: "\f203";
  6043. }
  6044. .am-icon-toggle-off:before {
  6045. content: "\f204";
  6046. }
  6047. .am-icon-toggle-on:before {
  6048. content: "\f205";
  6049. }
  6050. .am-icon-bicycle:before {
  6051. content: "\f206";
  6052. }
  6053. .am-icon-bus:before {
  6054. content: "\f207";
  6055. }
  6056. .am-icon-ioxhost:before {
  6057. content: "\f208";
  6058. }
  6059. .am-icon-angellist:before {
  6060. content: "\f209";
  6061. }
  6062. .am-icon-cc:before {
  6063. content: "\f20a";
  6064. }
  6065. .am-icon-shekel:before,
  6066. .am-icon-sheqel:before,
  6067. .am-icon-ils:before {
  6068. content: "\f20b";
  6069. }
  6070. .am-icon-meanpath:before {
  6071. content: "\f20c";
  6072. }
  6073. /* Modifier: `am-icon-spin`
  6074. ============================================================================= */
  6075. @-webkit-keyframes icon-spin {
  6076. 0% {
  6077. -webkit-transform: rotate(0deg);
  6078. transform: rotate(0deg);
  6079. }
  6080. 100% {
  6081. -webkit-transform: rotate(359deg);
  6082. transform: rotate(359deg);
  6083. }
  6084. }
  6085. @keyframes icon-spin {
  6086. 0% {
  6087. -webkit-transform: rotate(0deg);
  6088. transform: rotate(0deg);
  6089. }
  6090. 100% {
  6091. -webkit-transform: rotate(359deg);
  6092. transform: rotate(359deg);
  6093. }
  6094. }
  6095. .am-icon-spin {
  6096. -webkit-animation: icon-spin 2s infinite linear;
  6097. animation: icon-spin 2s infinite linear;
  6098. }
  6099. .am-icon-ul {
  6100. padding-left: 0;
  6101. margin-left: 2.14285714em;
  6102. list-style-type: none;
  6103. }
  6104. .am-icon-ul > li {
  6105. position: relative;
  6106. }
  6107. .am-icon-li {
  6108. position: absolute;
  6109. left: -2.14285714em;
  6110. width: 2.14285714em;
  6111. top: 0.14285714em;
  6112. text-align: center;
  6113. }
  6114. /* ==========================================================================
  6115. Component: Input group
  6116. ============================================================================ */
  6117. .am-input-group {
  6118. position: relative;
  6119. display: table;
  6120. border-collapse: separate;
  6121. }
  6122. .am-input-group[class*="col-"] {
  6123. float: none;
  6124. padding-left: 0;
  6125. padding-right: 0;
  6126. }
  6127. .am-input-group .am-form-field {
  6128. position: relative;
  6129. z-index: 2;
  6130. float: left;
  6131. width: 100%;
  6132. margin-bottom: 0;
  6133. }
  6134. .am-input-group-label,
  6135. .am-input-group-btn,
  6136. .am-input-group .am-form-field {
  6137. display: table-cell;
  6138. }
  6139. .am-input-group-label:not(:first-child):not(:last-child),
  6140. .am-input-group-btn:not(:first-child):not(:last-child),
  6141. .am-input-group .am-form-field:not(:first-child):not(:last-child) {
  6142. border-radius: 0;
  6143. }
  6144. .am-input-group-label,
  6145. .am-input-group-btn {
  6146. width: 1%;
  6147. white-space: nowrap;
  6148. vertical-align: middle;
  6149. }
  6150. .am-input-group-label {
  6151. padding: 0.625em 1em;
  6152. font-size: 1.6rem;
  6153. font-weight: normal;
  6154. line-height: 1.2;
  6155. color: #555555;
  6156. text-align: center;
  6157. background-color: #eeeeee;
  6158. border: 1px solid #cccccc;
  6159. border-radius: 0;
  6160. }
  6161. .am-input-group-label input[type="radio"],
  6162. .am-input-group-label input[type="checkbox"] {
  6163. margin-top: 0;
  6164. }
  6165. .am-input-group .am-form-field:first-child,
  6166. .am-input-group-label:first-child,
  6167. .am-input-group-btn:first-child > .am-btn,
  6168. .am-input-group-btn:first-child > .am-btn-group > .am-btn,
  6169. .am-input-group-btn:first-child > .am-dropdown-toggle,
  6170. .am-input-group-btn:last-child > .am-btn:not(:last-child):not(.dropdown-toggle),
  6171. .am-input-group-btn:last-child > .am-btn-group:not(:last-child) > .am-btn {
  6172. border-bottom-right-radius: 0;
  6173. border-top-right-radius: 0;
  6174. }
  6175. .am-input-group-label:first-child {
  6176. border-right: 0;
  6177. }
  6178. .am-input-group .am-form-field:last-child,
  6179. .am-input-group-label:last-child,
  6180. .am-input-group-btn:last-child > .am-btn,
  6181. .am-input-group-btn:last-child > .am-btn-group > .am-btn,
  6182. .am-input-group-btn:last-child > .am-dropdown-toggle,
  6183. .am-input-group-btn:first-child > .am-btn:not(:first-child),
  6184. .am-input-group-btn:first-child > .am-btn-group:not(:first-child) > .am-btn {
  6185. border-bottom-left-radius: 0;
  6186. border-top-left-radius: 0;
  6187. }
  6188. .am-input-group-label:last-child {
  6189. border-left: 0;
  6190. }
  6191. .am-input-group-btn {
  6192. position: relative;
  6193. font-size: 0;
  6194. white-space: nowrap;
  6195. }
  6196. .am-input-group-btn > .am-btn {
  6197. position: relative;
  6198. border-color: #cccccc;
  6199. }
  6200. .am-input-group-btn > .am-btn + .am-btn {
  6201. margin-left: -1px;
  6202. }
  6203. .am-input-group-btn > .am-btn:hover,
  6204. .am-input-group-btn > .am-btn:focus,
  6205. .am-input-group-btn > .am-btn:active {
  6206. z-index: 2;
  6207. }
  6208. .am-input-group-btn:first-child > .am-btn,
  6209. .am-input-group-btn:first-child > .am-btn-group {
  6210. margin-right: -2px;
  6211. }
  6212. .am-input-group-btn:last-child > .am-btn,
  6213. .am-input-group-btn:last-child > .am-btn-group {
  6214. margin-left: -1px;
  6215. }
  6216. .am-input-group-lg > .am-form-field,
  6217. .am-input-group-lg > .am-input-group-label,
  6218. .am-input-group-lg > .am-input-group-btn > .am-btn {
  6219. padding: 12px 18px !important;
  6220. font-size: 1.8rem !important;
  6221. }
  6222. .am-input-group-sm > .am-form-field,
  6223. .am-input-group-sm > .am-input-group-label,
  6224. .am-input-group-sm > .am-input-group-btn > .am-btn {
  6225. padding: 9px 14.000000000000002px !important;
  6226. font-size: 1.4rem !important;
  6227. }
  6228. .am-input-group-primary .am-input-group-label {
  6229. background: #0e90d2;
  6230. color: #ffffff;
  6231. }
  6232. .am-input-group-primary .am-input-group-label,
  6233. .am-input-group-primary .am-input-group-btn > .am-btn,
  6234. .am-input-group-primary .am-form-field {
  6235. border-color: #0e90d2;
  6236. }
  6237. .am-input-group-secondary .am-input-group-label {
  6238. background: #3bb4f2;
  6239. color: #ffffff;
  6240. }
  6241. .am-input-group-secondary .am-input-group-label,
  6242. .am-input-group-secondary .am-input-group-btn > .am-btn,
  6243. .am-input-group-secondary .am-form-field {
  6244. border-color: #3bb4f2;
  6245. }
  6246. .am-input-group-success .am-input-group-label {
  6247. background: #5eb95e;
  6248. color: #ffffff;
  6249. }
  6250. .am-input-group-success .am-input-group-label,
  6251. .am-input-group-success .am-input-group-btn > .am-btn,
  6252. .am-input-group-success .am-form-field {
  6253. border-color: #5eb95e;
  6254. }
  6255. .am-input-group-warning .am-input-group-label {
  6256. background: #f37b1d;
  6257. color: #ffffff;
  6258. }
  6259. .am-input-group-warning .am-input-group-label,
  6260. .am-input-group-warning .am-input-group-btn > .am-btn,
  6261. .am-input-group-warning .am-form-field {
  6262. border-color: #f37b1d;
  6263. }
  6264. .am-input-group-danger .am-input-group-label {
  6265. background: #dd514c;
  6266. color: #ffffff;
  6267. }
  6268. .am-input-group-danger .am-input-group-label,
  6269. .am-input-group-danger .am-input-group-btn > .am-btn,
  6270. .am-input-group-danger .am-form-field {
  6271. border-color: #dd514c;
  6272. }
  6273. /* ==========================================================================
  6274. Component: List
  6275. ============================================================================ */
  6276. .am-list {
  6277. margin-bottom: 1.6rem;
  6278. padding-left: 0;
  6279. }
  6280. .am-list > li {
  6281. position: relative;
  6282. display: block;
  6283. margin-bottom: -1px;
  6284. background-color: #ffffff;
  6285. border: 1px solid #dedede;
  6286. border-width: 1px 0;
  6287. }
  6288. .am-list > li > a {
  6289. display: block;
  6290. padding: 1rem 0;
  6291. }
  6292. .am-list > li > a.am-active,
  6293. .am-list > li > a.am-active:hover,
  6294. .am-list > li > a.am-active:focus {
  6295. z-index: 2;
  6296. color: #ffffff;
  6297. background-color: #0e90d2;
  6298. border-color: #0e90d2;
  6299. }
  6300. .am-list > li > a.am-active .am-list-item-heading,
  6301. .am-list > li > a.am-active:hover .am-list-item-heading,
  6302. .am-list > li > a.am-active:focus .am-list-item-heading {
  6303. color: inherit;
  6304. }
  6305. .am-list > li > a.am-active .am-list-item-text,
  6306. .am-list > li > a.am-active:hover .am-list-item-text,
  6307. .am-list > li > a.am-active:focus .am-list-item-text {
  6308. color: #b2e2fa;
  6309. }
  6310. .am-list > li > .am-badge {
  6311. float: right;
  6312. }
  6313. .am-list > li > .am-badge + .am-badge {
  6314. margin-right: 5px;
  6315. }
  6316. /* Pure text list */
  6317. .am-list-static > li {
  6318. padding: .8rem .2rem;
  6319. }
  6320. .am-list-static.am-list-border > li {
  6321. padding: 1rem;
  6322. }
  6323. /* with border */
  6324. .am-list-border > li {
  6325. border-width: 1px;
  6326. }
  6327. .am-list-border > li:first-child,
  6328. .am-list-border > li:first-child > a {
  6329. border-top-right-radius: 0;
  6330. border-top-left-radius: 0;
  6331. }
  6332. .am-list-border > li:last-child,
  6333. .am-list-border > li:last-child > a {
  6334. margin-bottom: 0;
  6335. border-bottom-right-radius: 0;
  6336. border-bottom-left-radius: 0;
  6337. }
  6338. .am-list-border > li > a {
  6339. padding: 1rem;
  6340. }
  6341. .am-list-border > li > a:hover,
  6342. .am-list-border > li > a:focus {
  6343. background-color: #f5f5f5;
  6344. }
  6345. /* Striped */
  6346. .am-list-striped > li:nth-of-type(even) {
  6347. background: #f5f5f5;
  6348. }
  6349. .am-list-item-hd {
  6350. margin-top: 0;
  6351. }
  6352. .am-list-item-text {
  6353. line-height: 1.4;
  6354. font-size: 1.3rem;
  6355. color: #999999;
  6356. margin: 0;
  6357. }
  6358. /* ==========================================================================
  6359. Component: Panel
  6360. ============================================================================ */
  6361. .am-panel {
  6362. margin-bottom: 20px;
  6363. background-color: #ffffff;
  6364. border: 1px solid transparent;
  6365. border-radius: 0;
  6366. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  6367. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  6368. }
  6369. /* Panel header */
  6370. .am-panel-hd {
  6371. padding: 0.6rem 1.25rem;
  6372. border-bottom: 1px solid transparent;
  6373. border-top-right-radius: 0;
  6374. border-top-left-radius: 0;
  6375. }
  6376. /* Panel content */
  6377. .am-panel-bd {
  6378. padding: 1.25rem;
  6379. }
  6380. .am-panel-title {
  6381. margin: 0;
  6382. font-size: 100%;
  6383. color: inherit;
  6384. }
  6385. .am-panel-title > a {
  6386. color: inherit;
  6387. }
  6388. /* Panel footer */
  6389. .am-panel-footer {
  6390. padding: 0.6rem 1.25rem;
  6391. background-color: #f5f5f5;
  6392. border-top: 1px solid #dddddd;
  6393. border-bottom-right-radius: 0;
  6394. border-bottom-left-radius: 0;
  6395. }
  6396. .am-panel-default {
  6397. border-color: #dddddd;
  6398. }
  6399. .am-panel-default > .am-panel-hd {
  6400. color: #444444;
  6401. background-color: #f5f5f5;
  6402. border-color: #dddddd;
  6403. }
  6404. .am-panel-default > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6405. border-top-color: #dddddd;
  6406. }
  6407. .am-panel-default > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6408. border-bottom-color: #dddddd;
  6409. }
  6410. .am-panel-primary {
  6411. border-color: #10a0ea;
  6412. }
  6413. .am-panel-primary > .am-panel-hd {
  6414. color: #ffffff;
  6415. background-color: #0e90d2;
  6416. border-color: #10a0ea;
  6417. }
  6418. .am-panel-primary > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6419. border-top-color: #10a0ea;
  6420. }
  6421. .am-panel-primary > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6422. border-bottom-color: #10a0ea;
  6423. }
  6424. .am-panel-secondary {
  6425. border-color: #caebfb;
  6426. }
  6427. .am-panel-secondary > .am-panel-hd {
  6428. color: #14a6ef;
  6429. background-color: rgba(59, 180, 242, 0.15);
  6430. border-color: #caebfb;
  6431. }
  6432. .am-panel-secondary > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6433. border-top-color: #caebfb;
  6434. }
  6435. .am-panel-secondary > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6436. border-bottom-color: #caebfb;
  6437. }
  6438. .am-panel-success {
  6439. border-color: #c9e7c9;
  6440. }
  6441. .am-panel-success > .am-panel-hd {
  6442. color: #5eb95e;
  6443. background-color: rgba(94, 185, 94, 0.15);
  6444. border-color: #c9e7c9;
  6445. }
  6446. .am-panel-success > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6447. border-top-color: #c9e7c9;
  6448. }
  6449. .am-panel-success > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6450. border-bottom-color: #c9e7c9;
  6451. }
  6452. .am-panel-warning {
  6453. border-color: #fbd0ae;
  6454. }
  6455. .am-panel-warning > .am-panel-hd {
  6456. color: #f37b1d;
  6457. background-color: rgba(243, 123, 29, 0.15);
  6458. border-color: #fbd0ae;
  6459. }
  6460. .am-panel-warning > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6461. border-top-color: #fbd0ae;
  6462. }
  6463. .am-panel-warning > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6464. border-bottom-color: #fbd0ae;
  6465. }
  6466. .am-panel-danger {
  6467. border-color: #f5cecd;
  6468. }
  6469. .am-panel-danger > .am-panel-hd {
  6470. color: #dd514c;
  6471. background-color: rgba(221, 81, 76, 0.15);
  6472. border-color: #f5cecd;
  6473. }
  6474. .am-panel-danger > .am-panel-hd + .am-panel-collapse > .am-panel-bd {
  6475. border-top-color: #f5cecd;
  6476. }
  6477. .am-panel-danger > .am-panel-footer + .am-panel-collapse > .am-panel-bd {
  6478. border-bottom-color: #f5cecd;
  6479. }
  6480. .am-panel > .am-table {
  6481. margin-bottom: 0;
  6482. }
  6483. .am-panel > .am-table:first-child {
  6484. border-top-right-radius: 0;
  6485. border-top-left-radius: 0;
  6486. }
  6487. .am-panel > .am-table:first-child > thead:first-child > tr:first-child td:first-child,
  6488. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child td:first-child,
  6489. .am-panel > .am-table:first-child > thead:first-child > tr:first-child th:first-child,
  6490. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child th:first-child {
  6491. border-top-left-radius: 0;
  6492. }
  6493. .am-panel > .am-table:first-child > thead:first-child > tr:first-child td:last-child,
  6494. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child td:last-child,
  6495. .am-panel > .am-table:first-child > thead:first-child > tr:first-child th:last-child,
  6496. .am-panel > .am-table:first-child > tbody:first-child > tr:first-child th:last-child {
  6497. border-top-right-radius: 0;
  6498. }
  6499. .am-panel > .am-table:last-child {
  6500. border-bottom-right-radius: 0;
  6501. border-bottom-left-radius: 0;
  6502. }
  6503. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child td:first-child,
  6504. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child td:first-child,
  6505. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child th:first-child,
  6506. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child th:first-child {
  6507. border-bottom-left-radius: 0;
  6508. }
  6509. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child td:last-child,
  6510. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child td:last-child,
  6511. .am-panel > .am-table:last-child > tbody:last-child > tr:last-child th:last-child,
  6512. .am-panel > .am-table:last-child > tfoot:last-child > tr:last-child th:last-child {
  6513. border-bottom-right-radius: 0;
  6514. }
  6515. .am-panel > .am-panel-bd + .am-table {
  6516. border-top: 1px solid #dddddd;
  6517. }
  6518. .am-panel > .am-table > tbody:first-child > tr:first-child th,
  6519. .am-panel > .am-table > tbody:first-child > tr:first-child td {
  6520. border-top: 0;
  6521. }
  6522. .am-panel > .am-table-bd {
  6523. border: 0;
  6524. }
  6525. .am-panel > .am-table-bd > thead > tr > th:first-child,
  6526. .am-panel > .am-table-bd > tbody > tr > th:first-child,
  6527. .am-panel > .am-table-bd > tfoot > tr > th:first-child,
  6528. .am-panel > .am-table-bd > thead > tr > td:first-child,
  6529. .am-panel > .am-table-bd > tbody > tr > td:first-child,
  6530. .am-panel > .am-table-bd > tfoot > tr > td:first-child {
  6531. border-left: 0;
  6532. }
  6533. .am-panel > .am-table-bd > thead > tr > th:last-child,
  6534. .am-panel > .am-table-bd > tbody > tr > th:last-child,
  6535. .am-panel > .am-table-bd > tfoot > tr > th:last-child,
  6536. .am-panel > .am-table-bd > thead > tr > td:last-child,
  6537. .am-panel > .am-table-bd > tbody > tr > td:last-child,
  6538. .am-panel > .am-table-bd > tfoot > tr > td:last-child {
  6539. border-right: 0;
  6540. }
  6541. .am-panel > .am-table-bd > thead > tr:first-child > td,
  6542. .am-panel > .am-table-bd > tbody > tr:first-child > td,
  6543. .am-panel > .am-table-bd > thead > tr:first-child > th,
  6544. .am-panel > .am-table-bd > tbody > tr:first-child > th {
  6545. border-bottom: 0;
  6546. }
  6547. .am-panel > .am-table-bd > tbody > tr:last-child > td,
  6548. .am-panel > .am-table-bd > tfoot > tr:last-child > td,
  6549. .am-panel > .am-table-bd > tbody > tr:last-child > th,
  6550. .am-panel > .am-table-bd > tfoot > tr:last-child > th {
  6551. border-bottom: 0;
  6552. }
  6553. /* Wrap list */
  6554. .am-panel > .am-list {
  6555. margin: 0;
  6556. }
  6557. .am-panel > .am-list > li > a {
  6558. padding-left: 1rem;
  6559. padding-right: 1rem;
  6560. }
  6561. .am-panel > .am-list-static li {
  6562. padding-left: 1rem;
  6563. padding-right: 1rem;
  6564. }
  6565. /* Panel group */
  6566. .am-panel-group {
  6567. margin-bottom: 2rem;
  6568. }
  6569. .am-panel-group .am-panel {
  6570. margin-bottom: 0;
  6571. border-radius: 0;
  6572. }
  6573. .am-panel-group .am-panel + .am-panel {
  6574. margin-top: 6px;
  6575. }
  6576. .am-panel-group .am-panel-hd {
  6577. border-bottom: 0;
  6578. }
  6579. .am-panel-group .am-panel-hd + .am-panel-collapse .am-panel-bd {
  6580. border-top: 1px solid #dddddd;
  6581. }
  6582. .am-panel-group .am-panel-footer {
  6583. border-top: 0;
  6584. }
  6585. .am-panel-group .am-panel-footer + .am-panel-collapse .am-panel-bd {
  6586. border-bottom: 1px solid #dddddd;
  6587. }
  6588. /* ==========================================================================
  6589. Component: Progress
  6590. ============================================================================ */
  6591. /* Progress bar animation */
  6592. @-webkit-keyframes progress-bar-stripes {
  6593. from {
  6594. background-position: 36px 0;
  6595. }
  6596. to {
  6597. background-position: 0 0;
  6598. }
  6599. }
  6600. @keyframes progress-bar-stripes {
  6601. from {
  6602. background-position: 36px 0;
  6603. }
  6604. to {
  6605. background-position: 0 0;
  6606. }
  6607. }
  6608. /* Progress container */
  6609. .am-progress {
  6610. overflow: hidden;
  6611. height: 2rem;
  6612. margin-bottom: 2rem;
  6613. background-color: #f5f5f5;
  6614. border-radius: 0;
  6615. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  6616. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  6617. }
  6618. /* Progress bar */
  6619. .am-progress-bar {
  6620. float: left;
  6621. width: 0;
  6622. height: 100%;
  6623. font-size: 1.2rem;
  6624. line-height: 2rem;
  6625. color: #ffffff;
  6626. text-align: center;
  6627. background-color: #0e90d2;
  6628. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  6629. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  6630. -webkit-transition: width .6s ease;
  6631. transition: width .6s ease;
  6632. }
  6633. .am-progress-striped .am-progress-bar {
  6634. 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));
  6635. 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);
  6636. 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);
  6637. -webkit-background-size: 36px 36px;
  6638. background-size: 36px 36px;
  6639. }
  6640. .am-progress.am-active .am-progress-bar {
  6641. -webkit-animation: progress-bar-stripes 2s linear infinite;
  6642. animation: progress-bar-stripes 2s linear infinite;
  6643. }
  6644. .am-progress-bar[aria-valuenow="1"],
  6645. .am-progress-bar[aria-valuenow="2"] {
  6646. min-width: 30px;
  6647. }
  6648. .am-progress-bar[aria-valuenow="0"] {
  6649. color: #999999;
  6650. min-width: 30px;
  6651. background: none;
  6652. -webkit-box-shadow: none;
  6653. box-shadow: none;
  6654. }
  6655. .am-progress-bar-secondary {
  6656. background-color: #3bb4f2;
  6657. }
  6658. .am-progress-striped .am-progress-bar-secondary {
  6659. 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));
  6660. 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);
  6661. 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);
  6662. }
  6663. .am-progress-bar-success {
  6664. background-color: #5eb95e;
  6665. }
  6666. .am-progress-striped .am-progress-bar-success {
  6667. 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));
  6668. 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);
  6669. 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);
  6670. }
  6671. .am-progress-bar-warning {
  6672. background-color: #f37b1d;
  6673. }
  6674. .am-progress-striped .am-progress-bar-warning {
  6675. 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));
  6676. 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);
  6677. 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);
  6678. }
  6679. .am-progress-bar-danger {
  6680. background-color: #dd514c;
  6681. }
  6682. .am-progress-striped .am-progress-bar-danger {
  6683. 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));
  6684. 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);
  6685. 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);
  6686. }
  6687. .am-progress-xs {
  6688. height: 0.6rem;
  6689. }
  6690. .am-progress-sm {
  6691. height: 1.2rem;
  6692. }
  6693. /* ==========================================================================
  6694. Component: Thumbnail
  6695. ============================================================================ */
  6696. .am-thumbnail {
  6697. display: block;
  6698. padding: 2px;
  6699. margin-bottom: 2rem;
  6700. background-color: #ffffff;
  6701. border: 1px solid #dddddd;
  6702. border-radius: 0;
  6703. -webkit-transition: all 0.2s ease-in-out;
  6704. transition: all 0.2s ease-in-out;
  6705. }
  6706. .am-thumbnail > img,
  6707. .am-thumbnail a > img {
  6708. margin-left: auto;
  6709. margin-right: auto;
  6710. display: block;
  6711. }
  6712. .am-thumbnail a.am-thumbnail:hover,
  6713. .am-thumbnail a.am-thumbnail:focus,
  6714. .am-thumbnail a.am-thumbnail.active {
  6715. border-color: #0e90d2;
  6716. background-color: #ffffff;
  6717. }
  6718. /* Image caption */
  6719. .am-thumbnail-caption {
  6720. margin: 0;
  6721. padding: 0.8rem;
  6722. color: #333333;
  6723. font-weight: normal;
  6724. }
  6725. .am-thumbnail-caption *:last-child {
  6726. margin-bottom: 0;
  6727. }
  6728. .am-thumbnails {
  6729. margin-left: -0.5rem;
  6730. margin-right: -0.5rem;
  6731. }
  6732. .am-thumbnails > li {
  6733. padding: 0 .5rem 1rem .5rem;
  6734. }
  6735. /* ==========================================================================
  6736. Component: Utility
  6737. ============================================================================ */
  6738. .am-scrollable-horizontal {
  6739. width: 100%;
  6740. overflow-y: hidden;
  6741. overflow-x: auto;
  6742. -ms-overflow-style: -ms-autohiding-scrollbar;
  6743. -webkit-overflow-scrolling: touch;
  6744. }
  6745. .am-scrollable-vertical {
  6746. height: 240px;
  6747. overflow-y: scroll;
  6748. -webkit-overflow-scrolling: touch;
  6749. resize: vertical;
  6750. }
  6751. /* Border-radius*/
  6752. .am-square {
  6753. border-radius: 0;
  6754. }
  6755. .am-radius {
  6756. border-radius: 2px;
  6757. }
  6758. .am-round {
  6759. border-radius: 1000px;
  6760. }
  6761. .am-circle {
  6762. border-radius: 50%;
  6763. }
  6764. /* Float blocks*/
  6765. .am-cf:before,
  6766. .am-cf:after {
  6767. content: " ";
  6768. display: table;
  6769. }
  6770. .am-cf:after {
  6771. clear: both;
  6772. }
  6773. .am-fl {
  6774. float: left;
  6775. }
  6776. .am-fr {
  6777. float: right;
  6778. }
  6779. .am-nbfc {
  6780. overflow: hidden;
  6781. }
  6782. .am-center {
  6783. display: block;
  6784. margin-left: auto;
  6785. margin-right: auto;
  6786. }
  6787. /* Display */
  6788. .am-block {
  6789. display: block !important;
  6790. }
  6791. .am-inline {
  6792. display: inline !important;
  6793. }
  6794. .am-inline-block {
  6795. display: inline-block !important;
  6796. }
  6797. .am-hide {
  6798. display: none !important;
  6799. visibility: hidden !important;
  6800. }
  6801. /*
  6802. * Remove whitespace between child elements when using `inline-block`
  6803. */
  6804. .am-vertical-align {
  6805. font-size: 0.001px;
  6806. }
  6807. /*
  6808. * The `@{ns}vertical-align` container needs a specific height
  6809. */
  6810. .am-vertical-align:before {
  6811. content: '';
  6812. display: inline-block;
  6813. height: 100%;
  6814. vertical-align: middle;
  6815. }
  6816. /*
  6817. * Sub-object which can have any height
  6818. * 1. Reset whitespace hack
  6819. */
  6820. .am-vertical-align-middle,
  6821. .am-vertical-align-bottom {
  6822. display: inline-block;
  6823. font-size: 1.6rem;
  6824. /* 1 */
  6825. max-width: 100%;
  6826. }
  6827. .am-vertical-align-middle {
  6828. vertical-align: middle;
  6829. }
  6830. .am-vertical-align-bottom {
  6831. vertical-align: bottom;
  6832. }
  6833. .am-responsive-width {
  6834. -webkit-box-sizing: border-box;
  6835. box-sizing: border-box;
  6836. max-width: 100%;
  6837. height: auto;
  6838. }
  6839. /* Margin helpers */
  6840. .am-margin {
  6841. margin: 1.6rem;
  6842. }
  6843. .am-margin-xs {
  6844. margin: 0.5rem;
  6845. }
  6846. .am-margin-sm {
  6847. margin: 1rem;
  6848. }
  6849. .am-margin-lg {
  6850. margin: 2.4rem;
  6851. }
  6852. .am-margin-xl {
  6853. margin: 3.2rem;
  6854. }
  6855. .am-margin-horizontal {
  6856. margin-left: 1.6rem;
  6857. margin-right: 1.6rem;
  6858. }
  6859. .am-margin-horizontal-xs {
  6860. margin-left: 0.5rem;
  6861. margin-right: 0.5rem;
  6862. }
  6863. .am-margin-horizontal-sm {
  6864. margin-left: 1rem;
  6865. margin-right: 1rem;
  6866. }
  6867. .am-margin-horizontal-lg {
  6868. margin-left: 2.4rem;
  6869. margin-right: 2.4rem;
  6870. }
  6871. .am-margin-horizontal-xl {
  6872. margin-left: 3.2rem;
  6873. margin-right: 3.2rem;
  6874. }
  6875. .am-margin-vertical {
  6876. margin-top: 1.6rem;
  6877. margin-bottom: 1.6rem;
  6878. }
  6879. .am-margin-vertical-xs {
  6880. margin-top: 0.5rem;
  6881. margin-bottom: 0.5rem;
  6882. }
  6883. .am-margin-vertical-sm {
  6884. margin-top: 1rem;
  6885. margin-bottom: 1rem;
  6886. }
  6887. .am-margin-vertical-lg {
  6888. margin-top: 2.4rem;
  6889. margin-bottom: 2.4rem;
  6890. }
  6891. .am-margin-vertical-xl {
  6892. margin-top: 3.2rem;
  6893. margin-bottom: 3.2rem;
  6894. }
  6895. .am-margin-top {
  6896. margin-top: 1.6rem;
  6897. }
  6898. .am-margin-top-xs {
  6899. margin-top: 0.5rem;
  6900. }
  6901. .am-margin-top-sm {
  6902. margin-top: 1rem;
  6903. }
  6904. .am-margin-top-lg {
  6905. margin-top: 2.4rem;
  6906. }
  6907. .am-margin-top-xl {
  6908. margin-top: 3.2rem;
  6909. }
  6910. .am-margin-bottom {
  6911. margin-bottom: 1.6rem;
  6912. }
  6913. .am-margin-bottom-xs {
  6914. margin-bottom: 0.5rem;
  6915. }
  6916. .am-margin-bottom-sm {
  6917. margin-bottom: 1rem;
  6918. }
  6919. .am-margin-bottom-lg {
  6920. margin-bottom: 2.4rem;
  6921. }
  6922. .am-margin-bottom-xl {
  6923. margin-bottom: 3.2rem;
  6924. }
  6925. .am-margin-left {
  6926. margin-left: 1.6rem;
  6927. }
  6928. .am-margin-left-xs {
  6929. margin-left: 0.5rem;
  6930. }
  6931. .am-margin-left-sm {
  6932. margin-left: 1rem;
  6933. }
  6934. .am-margin-left-lg {
  6935. margin-left: 2.4rem;
  6936. }
  6937. .am-margin-left-xl {
  6938. margin-left: 3.2rem;
  6939. }
  6940. .am-margin-right {
  6941. margin-right: 1.6rem;
  6942. }
  6943. .am-margin-right-xs {
  6944. margin-right: 0.5rem;
  6945. }
  6946. .am-margin-right-sm {
  6947. margin-right: 1rem;
  6948. }
  6949. .am-margin-right-lg {
  6950. margin-right: 2.4rem;
  6951. }
  6952. .am-margin-right-xl {
  6953. margin-right: 3.2rem;
  6954. }
  6955. /* Padding helpers */
  6956. .am-padding {
  6957. padding: 1.6rem;
  6958. }
  6959. .am-padding-xs {
  6960. padding: 0.5rem;
  6961. }
  6962. .am-padding-sm {
  6963. padding: 1rem;
  6964. }
  6965. .am-padding-lg {
  6966. padding: 2.4rem;
  6967. }
  6968. .am-padding-xl {
  6969. padding: 3.2rem;
  6970. }
  6971. .am-padding-horizontal {
  6972. padding-left: 1.6rem;
  6973. padding-right: 1.6rem;
  6974. }
  6975. .am-padding-horizontal-xs {
  6976. padding-left: 0.5rem;
  6977. padding-right: 0.5rem;
  6978. }
  6979. .am-padding-horizontal-sm {
  6980. padding-left: 1rem;
  6981. padding-right: 1rem;
  6982. }
  6983. .am-padding-horizontal-lg {
  6984. padding-left: 2.4rem;
  6985. padding-right: 2.4rem;
  6986. }
  6987. .am-padding-horizontal-xl {
  6988. padding-left: 3.2rem;
  6989. padding-right: 3.2rem;
  6990. }
  6991. .am-padding-vertical {
  6992. padding-top: 1.6rem;
  6993. padding-bottom: 1.6rem;
  6994. }
  6995. .am-padding-vertical-xs {
  6996. padding-top: 0.5rem;
  6997. padding-bottom: 0.5rem;
  6998. }
  6999. .am-padding-vertical-sm {
  7000. padding-top: 1rem;
  7001. padding-bottom: 1rem;
  7002. }
  7003. .am-padding-vertical-lg {
  7004. padding-top: 2.4rem;
  7005. padding-bottom: 2.4rem;
  7006. }
  7007. .am-padding-vertical-xl {
  7008. padding-top: 3.2rem;
  7009. padding-bottom: 3.2rem;
  7010. }
  7011. .am-padding-top {
  7012. padding-top: 1.6rem;
  7013. }
  7014. .am-padding-top-xs {
  7015. padding-top: 0.5rem;
  7016. }
  7017. .am-padding-top-sm {
  7018. padding-top: 1rem;
  7019. }
  7020. .am-padding-top-lg {
  7021. padding-top: 2.4rem;
  7022. }
  7023. .am-padding-top-xl {
  7024. padding-top: 3.2rem;
  7025. }
  7026. .am-padding-bottom {
  7027. padding-bottom: 1.6rem;
  7028. }
  7029. .am-padding-bottom-xs {
  7030. padding-bottom: 0.5rem;
  7031. }
  7032. .am-padding-bottom-sm {
  7033. padding-bottom: 1rem;
  7034. }
  7035. .am-padding-bottom-lg {
  7036. padding-bottom: 2.4rem;
  7037. }
  7038. .am-padding-bottom-xl {
  7039. padding-bottom: 3.2rem;
  7040. }
  7041. .am-padding-left {
  7042. padding-left: 1.6rem;
  7043. }
  7044. .am-padding-left-xs {
  7045. padding-left: 0.5rem;
  7046. }
  7047. .am-padding-left-sm {
  7048. padding-left: 1rem;
  7049. }
  7050. .am-padding-left-lg {
  7051. padding-left: 2.4rem;
  7052. }
  7053. .am-padding-left-xl {
  7054. padding-left: 3.2rem;
  7055. }
  7056. .am-padding-right {
  7057. padding-right: 1.6rem;
  7058. }
  7059. .am-padding-right-xs {
  7060. padding-right: 0.5rem;
  7061. }
  7062. .am-padding-right-sm {
  7063. padding-right: 1rem;
  7064. }
  7065. .am-padding-right-lg {
  7066. padding-right: 2.4rem;
  7067. }
  7068. .am-padding-right-xl {
  7069. padding-right: 3.2rem;
  7070. }
  7071. /* small displays */
  7072. @media only screen {
  7073. .am-show-sm-only,
  7074. .am-show-sm-up,
  7075. .am-show-sm,
  7076. .am-show-sm-down,
  7077. .am-hide-md-only,
  7078. .am-hide-md-up,
  7079. .am-hide-md,
  7080. .am-show-md-down,
  7081. .am-hide-lg-only,
  7082. .am-hide-lg-up,
  7083. .am-hide-lg,
  7084. .am-show-lg-down {
  7085. display: inherit !important;
  7086. }
  7087. .am-hide-sm-only,
  7088. .am-hide-sm-up,
  7089. .am-hide-sm,
  7090. .am-hide-sm-down,
  7091. .am-show-md-only,
  7092. .am-show-md-up,
  7093. .am-show-md,
  7094. .am-hide-md-down,
  7095. .am-show-lg-only,
  7096. .am-show-lg-up,
  7097. .am-show-lg,
  7098. .am-hide-lg-down {
  7099. display: none !important;
  7100. }
  7101. }
  7102. /* medium displays */
  7103. @media only screen and (min-width:641px) {
  7104. .am-hide-sm-only,
  7105. .am-show-sm-up,
  7106. .am-hide-sm,
  7107. .am-hide-sm-down,
  7108. .am-show-md-only,
  7109. .am-show-md-up,
  7110. .am-show-md,
  7111. .am-show-md-down,
  7112. .am-hide-lg-only,
  7113. .am-hide-lg-up,
  7114. .am-hide-lg,
  7115. .am-show-lg-down {
  7116. display: inherit !important;
  7117. }
  7118. .am-show-sm-only,
  7119. .am-hide-sm-up,
  7120. .am-show-sm,
  7121. .am-show-sm-down,
  7122. .am-hide-md-only,
  7123. .am-hide-md-up,
  7124. .am-hide-md,
  7125. .am-hide-md-down,
  7126. .am-show-lg-only,
  7127. .am-show-lg-up,
  7128. .am-show-lg,
  7129. .am-hide-lg-down {
  7130. display: none !important;
  7131. }
  7132. }
  7133. /* large displays */
  7134. @media only screen and (min-width:1025px) {
  7135. .am-hide-sm-only,
  7136. .am-show-sm-up,
  7137. .am-hide-sm,
  7138. .am-hide-sm-down,
  7139. .am-hide-md-only,
  7140. .am-show-md-up,
  7141. .am-hide-md,
  7142. .am-hide-md-down,
  7143. .am-show-lg-only,
  7144. .am-show-lg-up,
  7145. .am-show-lg,
  7146. .am-show-lg-down {
  7147. display: inherit !important;
  7148. }
  7149. .am-show-sm-only,
  7150. .am-hide-sm-up,
  7151. .am-show-sm,
  7152. .am-show-sm-down,
  7153. .am-show-md-only,
  7154. .am-hide-md-up,
  7155. .am-show-md,
  7156. .am-show-md-down,
  7157. .am-hide-lg-only,
  7158. .am-hide-lg-up,
  7159. .am-hide-lg,
  7160. .am-hide-lg-down {
  7161. display: none !important;
  7162. }
  7163. }
  7164. @media only screen and (orientation: landscape) {
  7165. .am-show-landscape,
  7166. .am-hide-portrait {
  7167. display: inherit !important;
  7168. }
  7169. .am-hide-landscape,
  7170. .am-show-portrait {
  7171. display: none !important;
  7172. }
  7173. }
  7174. @media only screen and (orientation: portrait) {
  7175. .am-show-portrait,
  7176. .am-hide-landscape {
  7177. display: inherit !important;
  7178. }
  7179. .am-hide-portrait,
  7180. .am-show-landscape {
  7181. display: none !important;
  7182. }
  7183. }
  7184. .am-sans-serif {
  7185. 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;
  7186. }
  7187. .am-serif {
  7188. font-family: Georgia, "Times New Roman", Times, SimSun, "FontAwesome", serif;
  7189. }
  7190. .am-kai {
  7191. font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;
  7192. }
  7193. .am-monospace {
  7194. font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace;
  7195. }
  7196. .am-text-primary {
  7197. color: #0e90d2;
  7198. }
  7199. .am-text-secondary {
  7200. color: #3bb4f2;
  7201. }
  7202. .am-text-success {
  7203. color: #5eb95e;
  7204. }
  7205. .am-text-warning {
  7206. color: #f37b1d;
  7207. }
  7208. .am-text-danger {
  7209. color: #dd514c;
  7210. }
  7211. .am-link-muted {
  7212. color: #666;
  7213. }
  7214. .am-link-muted a {
  7215. color: #666;
  7216. }
  7217. .am-link-muted:hover,
  7218. .am-link-muted a:hover {
  7219. color: #555;
  7220. }
  7221. .am-text-default {
  7222. font-size: 1.6rem;
  7223. }
  7224. /*
  7225. .@{ns}text-xxs {
  7226. font-size: @font-size-xxs;
  7227. }
  7228. */
  7229. .am-text-xs {
  7230. font-size: 1.2rem;
  7231. }
  7232. .am-text-sm {
  7233. font-size: 1.4rem;
  7234. }
  7235. .am-text-lg {
  7236. font-size: 1.8rem;
  7237. }
  7238. .am-text-xl {
  7239. font-size: 2.4rem;
  7240. }
  7241. .am-text-xxl {
  7242. font-size: 3.2rem;
  7243. }
  7244. .am-text-xxxl {
  7245. font-size: 4.2rem;
  7246. }
  7247. .am-ellipsis,
  7248. .am-text-truncate {
  7249. word-wrap: normal;
  7250. /* for IE */
  7251. text-overflow: ellipsis;
  7252. white-space: nowrap;
  7253. overflow: hidden;
  7254. }
  7255. .am-text-break {
  7256. word-wrap: break-word;
  7257. -webkit-hyphens: auto;
  7258. -ms-hyphens: auto;
  7259. -moz-hyphens: auto;
  7260. hyphens: auto;
  7261. }
  7262. .am-text-nowrap {
  7263. white-space: nowrap;
  7264. }
  7265. [class*='am-align-'] {
  7266. margin-bottom: 1rem;
  7267. }
  7268. .am-align-left {
  7269. margin-right: 1rem;
  7270. float: left;
  7271. }
  7272. .am-align-right {
  7273. margin-left: 1rem;
  7274. float: right;
  7275. }
  7276. /** Only display content to screen readers
  7277. * See: http://a11yproject.com/posts/how-to-hide-content/
  7278. */
  7279. .am-sr-only {
  7280. position: absolute;
  7281. width: 1px;
  7282. height: 1px;
  7283. margin: -1px;
  7284. padding: 0;
  7285. overflow: hidden;
  7286. clip: rect(0, 0, 0, 0);
  7287. border: 0;
  7288. }
  7289. /* Text Image Replacement */
  7290. .am-text-ir {
  7291. font: 0/0 a;
  7292. color: transparent;
  7293. text-shadow: none;
  7294. background-color: transparent;
  7295. border: 0;
  7296. }
  7297. /* Text align */
  7298. @media only screen {
  7299. .am-text-left {
  7300. text-align: left !important;
  7301. }
  7302. .am-text-right {
  7303. text-align: right !important;
  7304. }
  7305. .am-text-center {
  7306. text-align: center !important;
  7307. }
  7308. .am-text-justify {
  7309. text-align: justify !important;
  7310. }
  7311. }
  7312. @media only screen and (max-width: 640px) {
  7313. .am-sm-only-text-left {
  7314. text-align: left !important;
  7315. }
  7316. .am-sm-only-text-right {
  7317. text-align: right !important;
  7318. }
  7319. .am-sm-only-text-center {
  7320. text-align: center !important;
  7321. }
  7322. .am-sm-only-text-justify {
  7323. text-align: justify !important;
  7324. }
  7325. }
  7326. @media only screen and (min-width:641px) and (max-width:1024px) {
  7327. .am-md-only-text-left {
  7328. text-align: left !important;
  7329. }
  7330. .am-md-only-text-right {
  7331. text-align: right !important;
  7332. }
  7333. .am-md-only-text-center {
  7334. text-align: center !important;
  7335. }
  7336. .am-md-only-text-justify {
  7337. text-align: justify !important;
  7338. }
  7339. }
  7340. @media only screen and (min-width:641px) {
  7341. .am-md-text-left {
  7342. text-align: left !important;
  7343. }
  7344. .am-md-text-right {
  7345. text-align: right !important;
  7346. }
  7347. .am-md-text-center {
  7348. text-align: center !important;
  7349. }
  7350. .am-md-text-justify {
  7351. text-align: justify !important;
  7352. }
  7353. }
  7354. @media only screen and (min-width:1025px) {
  7355. .am-lg-text-left {
  7356. text-align: left !important;
  7357. }
  7358. .am-lg-text-right {
  7359. text-align: right !important;
  7360. }
  7361. .am-lg-text-center {
  7362. text-align: center !important;
  7363. }
  7364. .am-lg-text-justify {
  7365. text-align: justify !important;
  7366. }
  7367. }
  7368. .am-text-top {
  7369. vertical-align: top !important;
  7370. }
  7371. .am-text-middle {
  7372. vertical-align: middle !important;
  7373. }
  7374. .am-text-bottom {
  7375. vertical-align: bottom !important;
  7376. }
  7377. .am-angle {
  7378. position: absolute;
  7379. }
  7380. .am-angle:before,
  7381. .am-angle:after {
  7382. position: absolute;
  7383. display: block;
  7384. content: "";
  7385. width: 0;
  7386. height: 0;
  7387. border: 8px dashed transparent;
  7388. z-index: 1;
  7389. }
  7390. .am-angle-up {
  7391. top: 0;
  7392. }
  7393. .am-angle-up:before,
  7394. .am-angle-up:after {
  7395. border-bottom-style: solid;
  7396. border-width: 0 8px 8px;
  7397. }
  7398. .am-angle-up:before {
  7399. border-bottom-color: #dddddd;
  7400. bottom: 0;
  7401. }
  7402. .am-angle-up:after {
  7403. border-bottom-color: #ffffff;
  7404. bottom: -1px;
  7405. }
  7406. .am-angle-down {
  7407. bottom: -9px;
  7408. }
  7409. .am-angle-down:before,
  7410. .am-angle-down:after {
  7411. border-top-style: solid;
  7412. border-width: 8px 8px 0;
  7413. }
  7414. .am-angle-down:before {
  7415. border-top-color: #dddddd;
  7416. bottom: 0;
  7417. }
  7418. .am-angle-down:after {
  7419. border-top-color: #ffffff;
  7420. bottom: 1px;
  7421. }
  7422. .am-angle-left {
  7423. left: -9px;
  7424. }
  7425. .am-angle-left:before,
  7426. .am-angle-left:after {
  7427. border-right-style: solid;
  7428. border-width: 8px 8px 8px 0;
  7429. }
  7430. .am-angle-left:before {
  7431. border-right-color: #dddddd;
  7432. left: 0;
  7433. }
  7434. .am-angle-left:after {
  7435. border-right-color: #ffffff;
  7436. left: 1px;
  7437. }
  7438. .am-angle-right {
  7439. right: 0;
  7440. }
  7441. .am-angle-right:before,
  7442. .am-angle-right:after {
  7443. border-left-style: solid;
  7444. border-width: 8px 0 8px 8px;
  7445. }
  7446. .am-angle-right:before {
  7447. border-left-color: #dddddd;
  7448. left: 0;
  7449. }
  7450. .am-angle-right:after {
  7451. border-left-color: #ffffff;
  7452. left: -1px;
  7453. }
  7454. /* ==========================================================================
  7455. Component: Alert Plugin
  7456. ============================================================================ */
  7457. .am-alert {
  7458. margin-bottom: 15px;
  7459. padding: 10px;
  7460. background: #0e90d2;
  7461. color: #ffffff;
  7462. border: 1px solid #0c7cb5;
  7463. border-radius: 0;
  7464. }
  7465. .am-alert a {
  7466. color: #ffffff;
  7467. }
  7468. .am-alert h1,
  7469. .am-alert h2,
  7470. .am-alert h3,
  7471. .am-alert h4,
  7472. .am-alert h5,
  7473. .am-alert h6 {
  7474. color: inherit;
  7475. }
  7476. .am-alert .am-close {
  7477. opacity: .4;
  7478. }
  7479. .am-alert .am-close:hover {
  7480. opacity: .6;
  7481. }
  7482. /* Add margin if adjacent element */
  7483. * + .am-alert {
  7484. margin-top: 15px;
  7485. }
  7486. /* Remove margin from the last-child */
  7487. .am-alert > :last-child {
  7488. margin-bottom: 0;
  7489. }
  7490. /* Close in alert */
  7491. .am-alert > .am-close:first-child {
  7492. float: right;
  7493. height: auto;
  7494. margin: -3px -5px auto auto;
  7495. }
  7496. /* Remove margin from adjacent element */
  7497. .am-alert > .am-close:first-child + * {
  7498. margin-top: 0;
  7499. }
  7500. .am-alert-secondary {
  7501. background-color: #eeeeee;
  7502. border-color: #dfdfdf;
  7503. color: #555555;
  7504. }
  7505. .am-alert-success {
  7506. background-color: #5eb95e;
  7507. border-color: #4bad4b;
  7508. color: #ffffff;
  7509. }
  7510. .am-alert-warning {
  7511. background-color: #f37b1d;
  7512. border-color: #e56c0c;
  7513. color: #ffffff;
  7514. }
  7515. .am-alert-danger {
  7516. background-color: #dd514c;
  7517. border-color: #d83832;
  7518. color: #ffffff;
  7519. }
  7520. .am-dropdown {
  7521. position: relative;
  7522. display: inline-block;
  7523. }
  7524. .am-dropdown-toggle:focus {
  7525. outline: 0;
  7526. }
  7527. .am-dropdown-content {
  7528. position: absolute;
  7529. top: 100%;
  7530. left: 0;
  7531. z-index: 1020;
  7532. display: none;
  7533. float: left;
  7534. min-width: 160px;
  7535. padding: 15px;
  7536. margin: 9px 0 0;
  7537. text-align: left;
  7538. line-height: 1.6;
  7539. background-color: #ffffff;
  7540. border: 1px solid #dddddd;
  7541. border-radius: 0;
  7542. -webkit-background-clip: padding-box;
  7543. background-clip: padding-box;
  7544. -webkit-animation-duration: .15s;
  7545. animation-duration: .15s;
  7546. }
  7547. .am-dropdown-content:before,
  7548. .am-dropdown-content:after {
  7549. position: absolute;
  7550. display: block;
  7551. content: "";
  7552. width: 0;
  7553. height: 0;
  7554. border: 8px dashed transparent;
  7555. z-index: 1;
  7556. }
  7557. .am-dropdown-content:before,
  7558. .am-dropdown-content:after {
  7559. border-bottom-style: solid;
  7560. border-width: 0 8px 8px;
  7561. }
  7562. .am-dropdown-content:before {
  7563. border-bottom-color: #dddddd;
  7564. bottom: 0;
  7565. }
  7566. .am-dropdown-content:after {
  7567. border-bottom-color: #ffffff;
  7568. bottom: -1px;
  7569. }
  7570. .am-dropdown-content:before,
  7571. .am-dropdown-content:after {
  7572. left: 10px;
  7573. top: -8px;
  7574. pointer-events: none;
  7575. }
  7576. .am-dropdown-content:after {
  7577. top: -7px;
  7578. }
  7579. .am-active > .am-dropdown-content {
  7580. display: block;
  7581. }
  7582. .am-dropdown-content :first-child {
  7583. margin-top: 0;
  7584. }
  7585. .am-dropdown-up .am-dropdown-content {
  7586. top: auto;
  7587. bottom: 100%;
  7588. margin: 0 0 9px;
  7589. }
  7590. .am-dropdown-up .am-dropdown-content:before,
  7591. .am-dropdown-up .am-dropdown-content:after {
  7592. border-bottom: none;
  7593. border-top: 8px solid #dddddd;
  7594. top: auto;
  7595. bottom: -8px;
  7596. }
  7597. .am-dropdown-up .am-dropdown-content:after {
  7598. bottom: -7px;
  7599. border-top-color: #ffffff;
  7600. }
  7601. .am-dropdown-flip .am-dropdown-content {
  7602. left: auto;
  7603. right: 0;
  7604. }
  7605. .am-dropdown-flip .am-dropdown-content:before,
  7606. .am-dropdown-flip .am-dropdown-content:after {
  7607. left: auto;
  7608. right: 10px;
  7609. }
  7610. ul.am-dropdown-content {
  7611. list-style: none;
  7612. padding: 5px 0;
  7613. }
  7614. ul.am-dropdown-content.am-fr {
  7615. right: 0;
  7616. left: auto;
  7617. }
  7618. ul.am-dropdown-content .am-divider {
  7619. height: 1px;
  7620. margin: 0rem 0;
  7621. overflow: hidden;
  7622. background-color: #e5e5e5;
  7623. }
  7624. ul.am-dropdown-content > li > a {
  7625. display: block;
  7626. padding: 6px 20px;
  7627. clear: both;
  7628. font-weight: normal;
  7629. color: #333333;
  7630. white-space: nowrap;
  7631. }
  7632. ul.am-dropdown-content > li > a:hover,
  7633. ul.am-dropdown-content > li > a:focus {
  7634. text-decoration: none;
  7635. color: #262626;
  7636. background-color: #f5f5f5;
  7637. }
  7638. ul.am-dropdown-content > .am-active > a,
  7639. ul.am-dropdown-content > .am-active > a:hover,
  7640. ul.am-dropdown-content > .am-active > a:focus {
  7641. color: #ffffff;
  7642. text-decoration: none;
  7643. outline: 0;
  7644. background-color: #0e90d2;
  7645. }
  7646. ul.am-dropdown-content > .am-disabled > a,
  7647. ul.am-dropdown-content > .am-disabled > a:hover,
  7648. ul.am-dropdown-content > .am-disabled > a:focus {
  7649. color: #999999;
  7650. }
  7651. ul.am-dropdown-content > .am-disabled > a:hover,
  7652. ul.am-dropdown-content > .am-disabled > a:focus {
  7653. text-decoration: none;
  7654. background-color: transparent;
  7655. background-image: none;
  7656. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  7657. cursor: not-allowed;
  7658. }
  7659. .am-dropdown-header {
  7660. display: block;
  7661. padding: 6px 20px;
  7662. font-size: 1.2rem;
  7663. color: #999999;
  7664. }
  7665. .am-fr > .am-dropdown-content {
  7666. right: 0;
  7667. left: auto;
  7668. }
  7669. .am-fr > .am-dropdown-content:before {
  7670. right: 10px;
  7671. left: auto;
  7672. }
  7673. .am-dropdown-animation {
  7674. -webkit-animation: am-dropdown-animation 0.15s ease-out;
  7675. animation: am-dropdown-animation 0.15s ease-out;
  7676. }
  7677. @-webkit-keyframes am-dropdown-animation {
  7678. 0% {
  7679. opacity: 1;
  7680. -webkit-transform: translateY(0);
  7681. transform: translateY(0);
  7682. }
  7683. 100% {
  7684. opacity: 0;
  7685. -webkit-transform: translateY(-10px);
  7686. transform: translateY(-10px);
  7687. }
  7688. }
  7689. @keyframes am-dropdown-animation {
  7690. 0% {
  7691. opacity: 1;
  7692. -webkit-transform: translateY(0);
  7693. transform: translateY(0);
  7694. }
  7695. 100% {
  7696. opacity: 0;
  7697. -webkit-transform: translateY(-10px);
  7698. transform: translateY(-10px);
  7699. }
  7700. }
  7701. /* ==========================================================================
  7702. Component: Flex Slider Plugin
  7703. ============================================================================ */
  7704. .am-slider a:hover,
  7705. .am-slider a:focus {
  7706. outline: none;
  7707. }
  7708. .am-slides,
  7709. .am-control-nav,
  7710. .am-direction-nav {
  7711. margin: 0;
  7712. padding: 0;
  7713. list-style: none;
  7714. }
  7715. .am-slider {
  7716. margin: 0;
  7717. padding: 0;
  7718. }
  7719. .am-slider .am-slides:before,
  7720. .am-slider .am-slides:after {
  7721. content: " ";
  7722. display: table;
  7723. }
  7724. .am-slider .am-slides:after {
  7725. clear: both;
  7726. }
  7727. .am-slider .am-slides > li {
  7728. display: none;
  7729. -webkit-backface-visibility: hidden;
  7730. position: relative;
  7731. }
  7732. .no-js .am-slider .am-slides > li:first-child {
  7733. display: block;
  7734. }
  7735. .am-slider .am-slides img {
  7736. width: 100%;
  7737. display: block;
  7738. }
  7739. .am-pauseplay span {
  7740. text-transform: capitalize;
  7741. }
  7742. .am-slider {
  7743. position: relative;
  7744. }
  7745. .am-viewport {
  7746. -webkit-transition: all 1s ease;
  7747. transition: all 1s ease;
  7748. }
  7749. .am-slider-carousel li {
  7750. margin-right: 5px;
  7751. }
  7752. /* Direction Nav */
  7753. /* Pause/Play */
  7754. .am-control-nav {
  7755. position: absolute;
  7756. }
  7757. .am-control-nav li {
  7758. display: inline-block;
  7759. }
  7760. .am-control-thumbs {
  7761. position: static;
  7762. overflow: hidden;
  7763. }
  7764. .am-control-thumbs img {
  7765. -webkit-transition: opacity .1s;
  7766. transition: opacity .1s;
  7767. }
  7768. /**
  7769. * Slider Theme: Default
  7770. */
  7771. .am-slider-default {
  7772. margin: 0 0 20px;
  7773. background-color: #fff;
  7774. border-radius: 2px;
  7775. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  7776. box-shadow: 0 0 2px rgba(0, 0, 0, 0.15)
  7777. /* Direction Nav */
  7778. /* Pause/Play */
  7779. /* Control Nav */
  7780. }
  7781. .am-slider-default .am-viewport {
  7782. max-height: 2000px;
  7783. -webkit-transition: all 1s ease;
  7784. transition: all 1s ease;
  7785. }
  7786. .loading .am-slider-default .am-viewport {
  7787. max-height: 300px;
  7788. }
  7789. .am-slider-default .carousel li {
  7790. margin-right: 5px;
  7791. }
  7792. .am-slider-default .am-direction-nav a {
  7793. position: absolute;
  7794. top: 50%;
  7795. z-index: 10;
  7796. display: block;
  7797. width: 36px;
  7798. height: 24px;
  7799. margin: -12px 0 0;
  7800. overflow: hidden;
  7801. opacity: 0.45;
  7802. cursor: pointer;
  7803. color: rgba(0, 0, 0, 0.65);
  7804. -webkit-transition: all .3s ease;
  7805. transition: all .3s ease;
  7806. }
  7807. .am-slider-default .am-direction-nav a:before {
  7808. color: #333333;
  7809. display: inline-block;
  7810. font-family: "FontAwesome", sans-serif;
  7811. font-weight: normal;
  7812. font-style: normal;
  7813. vertical-align: baseline;
  7814. line-height: 1;
  7815. -webkit-font-smoothing: antialiased;
  7816. -moz-osx-font-smoothing: grayscale;
  7817. content: "\f137";
  7818. font-size: 24px;
  7819. }
  7820. .am-slider-default .am-direction-nav a.am-next:before {
  7821. content: "\f138";
  7822. }
  7823. .am-slider-default .am-direction-nav .am-prev {
  7824. left: 10px;
  7825. }
  7826. .am-slider-default .am-direction-nav .am-next {
  7827. right: 10px;
  7828. text-align: right;
  7829. }
  7830. .am-slider-default .am-direction-nav .am-disabled {
  7831. opacity: 0!important;
  7832. cursor: default;
  7833. }
  7834. .am-slider-default:hover .am-prev {
  7835. opacity: 0.7;
  7836. left: 10px;
  7837. }
  7838. .am-slider-default:hover .am-prev:hover {
  7839. opacity: 1;
  7840. }
  7841. .am-slider-default:hover .am-next {
  7842. opacity: 0.7;
  7843. right: 10px;
  7844. }
  7845. .am-slider-default:hover .am-next:hover {
  7846. opacity: 1;
  7847. }
  7848. .am-slider-default .am-pauseplay a {
  7849. display: block;
  7850. width: 20px;
  7851. height: 20px;
  7852. position: absolute;
  7853. bottom: 5px;
  7854. left: 10px;
  7855. opacity: 0.8;
  7856. z-index: 10;
  7857. overflow: hidden;
  7858. cursor: pointer;
  7859. color: #000000;
  7860. }
  7861. .am-slider-default .am-pauseplay a::before {
  7862. font-family: "FontAwesome", sans-serif;
  7863. font-weight: normal;
  7864. font-style: normal;
  7865. vertical-align: baseline;
  7866. line-height: 1;
  7867. -webkit-font-smoothing: antialiased;
  7868. -moz-osx-font-smoothing: grayscale;
  7869. font-size: 20px;
  7870. display: inline-block;
  7871. content: "\f04c";
  7872. }
  7873. .am-slider-default .am-pauseplay a:hover {
  7874. opacity: 1;
  7875. }
  7876. .am-slider-default .am-pauseplay a.am-play::before {
  7877. content: "\f04b";
  7878. }
  7879. .am-slider-default .am-slider-desc {
  7880. background-color: rgba(0, 0, 0, 0.7);
  7881. position: absolute;
  7882. bottom: 0;
  7883. padding: 10px;
  7884. width: 100%;
  7885. color: #ffffff;
  7886. }
  7887. .am-slider-default .am-control-nav {
  7888. width: 100%;
  7889. position: absolute;
  7890. bottom: -15px;
  7891. text-align: center;
  7892. }
  7893. .am-slider-default .am-control-nav li {
  7894. margin: 0 6px;
  7895. display: inline-block;
  7896. }
  7897. .am-slider-default .am-control-nav li a {
  7898. width: 8px;
  7899. height: 8px;
  7900. display: block;
  7901. background-color: #666;
  7902. background-color: rgba(0, 0, 0, 0.5);
  7903. line-height: 0;
  7904. font-size: 0;
  7905. cursor: pointer;
  7906. text-indent: -9999px;
  7907. border-radius: 20px;
  7908. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  7909. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  7910. }
  7911. .am-slider-default .am-control-nav li a:hover {
  7912. background-color: #333;
  7913. background-color: rgba(0, 0, 0, 0.7);
  7914. }
  7915. .am-slider-default .am-control-nav li a.am-active {
  7916. background-color: #000;
  7917. background-color: #0e90d2;
  7918. cursor: default;
  7919. }
  7920. .am-slider-default .am-control-thumbs {
  7921. margin: 5px 0 0;
  7922. position: static;
  7923. overflow: hidden;
  7924. }
  7925. .am-slider-default .am-control-thumbs li {
  7926. width: 25%;
  7927. float: left;
  7928. margin: 0;
  7929. }
  7930. .am-slider-default .am-control-thumbs img {
  7931. width: 100%;
  7932. display: block;
  7933. opacity: .7;
  7934. cursor: pointer;
  7935. }
  7936. .am-slider-default .am-control-thumbs img:hover {
  7937. opacity: 1;
  7938. }
  7939. .am-slider-default .am-control-thumbs .am-active {
  7940. opacity: 1;
  7941. cursor: default;
  7942. }
  7943. /* ==========================================================================
  7944. Component: Modal Plugin
  7945. ============================================================================ */
  7946. .am-modal {
  7947. width: 270px;
  7948. position: fixed;
  7949. display: none;
  7950. z-index: 1110;
  7951. left: 50%;
  7952. margin-left: -135px;
  7953. margin-top: 0;
  7954. top: 50%;
  7955. text-align: center;
  7956. border-radius: 0;
  7957. opacity: 0;
  7958. -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  7959. transform: translate3d(0, 0, 0) scale(1.185);
  7960. -webkit-transition-property: -webkit-transform, opacity;
  7961. transition-property: transform, opacity
  7962. /*@media @large-up {
  7963. width: @modal-lg;
  7964. margin-left: -@modal-lg/2;
  7965. }*/
  7966. }
  7967. .am-modal:focus {
  7968. outline: 0;
  7969. }
  7970. .am-modal.am-modal-active {
  7971. opacity: 1;
  7972. -webkit-transition-duration: 300ms;
  7973. transition-duration: 300ms;
  7974. -webkit-transform: translate3d(0, 0, 0) scale(1);
  7975. transform: translate3d(0, 0, 0) scale(1);
  7976. }
  7977. .am-modal.am-modal-out {
  7978. opacity: 0;
  7979. z-index: 1109;
  7980. -webkit-transition-duration: 300ms;
  7981. transition-duration: 300ms;
  7982. -webkit-transform: translate3d(0, 0, 0) scale(0.815);
  7983. transform: translate3d(0, 0, 0) scale(0.815);
  7984. }
  7985. @media only screen and (min-width:641px) {
  7986. .am-modal {
  7987. width: 540px;
  7988. margin-left: -270px;
  7989. }
  7990. }
  7991. .am-modal-dialog {
  7992. border-radius: 0;
  7993. background: #f8f8f8;
  7994. }
  7995. .am-modal-hd {
  7996. padding: 15px 10px 5px 10px;
  7997. font-size: 1.8rem;
  7998. font-weight: 500;
  7999. }
  8000. .am-modal-hd + .am-modal-bd {
  8001. padding-top: 0;
  8002. }
  8003. .am-modal-hd .am-close {
  8004. position: absolute;
  8005. top: 4px;
  8006. right: 4px;
  8007. }
  8008. .am-modal-bd {
  8009. padding: 15px 10px;
  8010. text-align: center;
  8011. border-bottom: 1px solid #dedede;
  8012. border-radius: 2px 2px 0 0;
  8013. }
  8014. .am-modal-bd + .am-modal-bd {
  8015. margin-top: 5px;
  8016. }
  8017. .am-modal-prompt-input {
  8018. display: block;
  8019. margin: 5px auto 0 auto;
  8020. border-radius: 0;
  8021. padding: 5px;
  8022. line-height: 1.8rem;
  8023. width: 80%;
  8024. border: 1px solid #dedede;
  8025. -webkit-appearance: none;
  8026. -moz-appearance: none;
  8027. -ms-appearance: none;
  8028. appearance: none;
  8029. }
  8030. .am-modal-prompt-input:focus {
  8031. outline: none;
  8032. border-color: #d6d6d6;
  8033. }
  8034. .am-modal-footer {
  8035. height: 44px;
  8036. overflow: hidden;
  8037. display: table;
  8038. width: 100%;
  8039. border-collapse: collapse;
  8040. }
  8041. .am-modal-btn {
  8042. display: table-cell !important;
  8043. padding: 0 5px;
  8044. height: 44px;
  8045. -webkit-box-sizing: border-box !important;
  8046. box-sizing: border-box !important;
  8047. font-size: 1.6rem;
  8048. line-height: 44px;
  8049. text-align: center;
  8050. color: #0e90d2;
  8051. display: block;
  8052. word-wrap: normal;
  8053. /* for IE */
  8054. text-overflow: ellipsis;
  8055. white-space: nowrap;
  8056. overflow: hidden;
  8057. cursor: pointer;
  8058. border-right: 1px solid #dedede;
  8059. }
  8060. .am-modal-btn:first-child {
  8061. border-radius: 0 0 0 0;
  8062. }
  8063. .am-modal-btn:last-child {
  8064. border-right: none;
  8065. border-radius: 0 0 0 0;
  8066. }
  8067. .am-modal-btn:first-child:last-child {
  8068. border-radius: 0 0 0 0;
  8069. }
  8070. .am-modal-btn.am-modal-btn-bold {
  8071. font-weight: 500;
  8072. }
  8073. .am-modal-btn:active {
  8074. background: #d4d4d4;
  8075. }
  8076. .am-modal-btn + .am-modal-btn {
  8077. border-left: 1px solid #dedede;
  8078. }
  8079. .am-modal-no-btn .am-modal-dialog {
  8080. border-radius: 0;
  8081. border-bottom: none;
  8082. }
  8083. .am-modal-no-btn .am-modal-bd {
  8084. border-bottom: none;
  8085. }
  8086. .am-modal-no-btn .am-modal-footer {
  8087. display: none;
  8088. }
  8089. .am-modal-loading .am-modal-bd {
  8090. border-bottom: none;
  8091. }
  8092. .am-modal-loading .am-icon-spin {
  8093. display: inline-block;
  8094. font-size: 2.4rem;
  8095. }
  8096. .am-modal-loading .am-modal-footer {
  8097. display: none;
  8098. }
  8099. .am-modal-actions {
  8100. position: fixed;
  8101. left: 0;
  8102. bottom: 0;
  8103. z-index: 1110;
  8104. width: 100%;
  8105. text-align: center;
  8106. border-radius: 0;
  8107. -webkit-transform: translateY(100%);
  8108. -ms-transform: translateY(100%);
  8109. transform: translateY(100%);
  8110. -webkit-transition: -webkit-transform 300ms;
  8111. transition: transform 300ms;
  8112. }
  8113. .am-modal-actions.am-modal-active {
  8114. -webkit-transform: translateY(0);
  8115. -ms-transform: translateY(0);
  8116. transform: translateY(0);
  8117. }
  8118. .am-modal-actions.am-modal-out {
  8119. z-index: 1109;
  8120. -webkit-transform: translateY(100%);
  8121. -ms-transform: translateY(100%);
  8122. transform: translateY(100%);
  8123. }
  8124. .am-modal-actions-group {
  8125. margin: 10px;
  8126. }
  8127. .am-modal-actions-group .am-list {
  8128. margin: 0;
  8129. border-radius: 0;
  8130. }
  8131. .am-modal-actions-group .am-list > li {
  8132. margin-bottom: 0;
  8133. border-bottom: none;
  8134. display: block;
  8135. word-wrap: normal;
  8136. /* for IE */
  8137. text-overflow: ellipsis;
  8138. white-space: nowrap;
  8139. overflow: hidden;
  8140. -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015);
  8141. box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015);
  8142. }
  8143. .am-modal-actions-group .am-list > li > a {
  8144. padding: 1rem;
  8145. display: block;
  8146. word-wrap: normal;
  8147. /* for IE */
  8148. text-overflow: ellipsis;
  8149. white-space: nowrap;
  8150. overflow: hidden;
  8151. }
  8152. .am-modal-actions-group .am-list > li:first-child {
  8153. border-top: none;
  8154. border-top-right-radius: 0;
  8155. border-top-left-radius: 0;
  8156. }
  8157. .am-modal-actions-group .am-list > li:last-child {
  8158. border-bottom: none;
  8159. border-bottom-right-radius: 0;
  8160. border-bottom-left-radius: 0;
  8161. }
  8162. .am-modal-actions-header {
  8163. padding: 1rem;
  8164. color: #999999;
  8165. font-size: 1.4rem;
  8166. }
  8167. .am-modal-actions-danger {
  8168. color: #dd514c;
  8169. }
  8170. .am-modal-actions-danger a {
  8171. color: inherit;
  8172. }
  8173. .am-popup {
  8174. position: fixed;
  8175. left: 0;
  8176. top: 0;
  8177. width: 100%;
  8178. height: 100%;
  8179. z-index: 1110;
  8180. background: #fff;
  8181. display: none;
  8182. overflow: hidden;
  8183. -webkit-transition-property: -webkit-transform;
  8184. transition-property: transform;
  8185. -webkit-transform: translateY(100%);
  8186. -ms-transform: translateY(100%);
  8187. transform: translateY(100%);
  8188. }
  8189. .am-popup.am-modal-active,
  8190. .am-popup.am-modal-out {
  8191. -webkit-transition-duration: 300ms;
  8192. transition-duration: 300ms;
  8193. }
  8194. .am-popup.am-modal-active {
  8195. -webkit-transform: translateY(0);
  8196. -ms-transform: translateY(0);
  8197. transform: translateY(0);
  8198. }
  8199. .am-popup.am-modal-out {
  8200. -webkit-transform: translateY(100%);
  8201. -ms-transform: translateY(100%);
  8202. transform: translateY(100%);
  8203. }
  8204. @media all and (min-width: 630px) and (min-height: 630px) {
  8205. .am-popup {
  8206. width: 630px;
  8207. height: 630px;
  8208. left: 50%;
  8209. top: 50%;
  8210. margin-left: -315px;
  8211. margin-top: -315px;
  8212. -webkit-transform: translateY(1024px);
  8213. -ms-transform: translateY(1024px);
  8214. transform: translateY(1024px);
  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(1024px);
  8223. -ms-transform: translateY(1024px);
  8224. transform: translateY(1024px);
  8225. }
  8226. }
  8227. .am-popup-inner {
  8228. padding-top: 44px;
  8229. height: 100%;
  8230. overflow: auto;
  8231. -webkit-overflow-scrolling: touch;
  8232. }
  8233. .am-popup-hd {
  8234. position: fixed;
  8235. top: 0;
  8236. width: 100%;
  8237. height: 43px;
  8238. border-bottom: 1px solid #dedede;
  8239. background-color: #fff;
  8240. }
  8241. .am-popup-hd .am-popup-title {
  8242. font-size: 1.8rem;
  8243. font-weight: bold;
  8244. line-height: 43px;
  8245. text-align: center;
  8246. margin: 0 30px;
  8247. color: #333333;
  8248. display: block;
  8249. word-wrap: normal;
  8250. /* for IE */
  8251. text-overflow: ellipsis;
  8252. white-space: nowrap;
  8253. overflow: hidden;
  8254. }
  8255. .am-popup-hd .am-close {
  8256. position: absolute;
  8257. right: 10px;
  8258. top: 8px;
  8259. cursor: pointer;
  8260. -webkit-transition: all 0.3s;
  8261. transition: all 0.3s;
  8262. color: #999999;
  8263. }
  8264. .am-popup-hd .am-close:hover {
  8265. -webkit-transform: rotate(360deg);
  8266. -ms-transform: rotate(360deg);
  8267. transform: rotate(360deg);
  8268. color: #555555;
  8269. }
  8270. .am-popup-bd {
  8271. padding: 15px;
  8272. background: #f8f8f8;
  8273. color: #555555;
  8274. }
  8275. /* ==========================================================================
  8276. Component: OffCanvas Plugin
  8277. ============================================================================ */
  8278. /* Off-canvas overlay and bar container */
  8279. .am-offcanvas {
  8280. display: none;
  8281. position: fixed;
  8282. top: 0;
  8283. right: 0;
  8284. bottom: 0;
  8285. left: 0;
  8286. z-index: 1090;
  8287. background: rgba(0, 0, 0, 0.15);
  8288. }
  8289. .am-offcanvas.am-active {
  8290. display: block;
  8291. }
  8292. /**
  8293. * .@{ns}offcanvas-page
  8294. *
  8295. * Prepares the whole HTML page to slide-out
  8296. * 1. Fix the main page and disallow scrolling
  8297. * 2. Side-out transition
  8298. */
  8299. .am-offcanvas-page {
  8300. position: fixed;
  8301. /* 1 */
  8302. -webkit-transition: margin-left 0.3s ease-in-out;
  8303. transition: margin-left 0.3s ease-in-out
  8304. /* 2 */
  8305. }
  8306. /* Sub-object .@{ns}offcanvas-bar */
  8307. .am-offcanvas-bar {
  8308. position: fixed;
  8309. top: 0;
  8310. bottom: 0;
  8311. left: 0;
  8312. z-index: 1091;
  8313. width: 270px;
  8314. max-width: 100%;
  8315. background: #333333;
  8316. overflow-y: auto;
  8317. /* scrollable */
  8318. -webkit-overflow-scrolling: touch;
  8319. /* scrollable */
  8320. -webkit-transition: -webkit-transform 0.3s ease-in-out;
  8321. transition: transform 0.3s ease-in-out;
  8322. -webkit-transform: translateX(-100%);
  8323. -ms-transform: translateX(-100%);
  8324. transform: translateX(-100%);
  8325. }
  8326. .am-offcanvas-bar:after {
  8327. content: "";
  8328. display: block;
  8329. position: absolute;
  8330. top: 0;
  8331. bottom: 0;
  8332. right: 0;
  8333. width: 1px;
  8334. background: #262626;
  8335. }
  8336. .am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active {
  8337. -webkit-transform: translateX(0);
  8338. -ms-transform: translateX(0);
  8339. transform: translateX(0);
  8340. }
  8341. /* .@{ns}offcanvas-bar-flip */
  8342. .am-offcanvas-bar-flip {
  8343. left: auto;
  8344. right: 0;
  8345. -webkit-transform: translateX(100%);
  8346. -ms-transform: translateX(100%);
  8347. transform: translateX(100%);
  8348. }
  8349. .am-offcanvas-bar-flip:after {
  8350. right: auto;
  8351. left: 0;
  8352. }
  8353. .am-offcanvas-content {
  8354. padding: 15px;
  8355. color: #999;
  8356. }
  8357. .am-offcanvas-content a {
  8358. color: #ccc;
  8359. }
  8360. /* ==========================================================================
  8361. Component: Popover Plugin
  8362. ============================================================================ */
  8363. .am-popover {
  8364. position: absolute;
  8365. top: 0;
  8366. left: 0;
  8367. margin: 0;
  8368. border-radius: 0;
  8369. background: #333333;
  8370. color: #ffffff;
  8371. border: 1px solid #333333;
  8372. display: none;
  8373. font-size: 1.6rem;
  8374. z-index: 1030;
  8375. opacity: 0;
  8376. -webkit-transition: opacity 300ms;
  8377. transition: opacity 300ms;
  8378. }
  8379. .am-popover.am-active {
  8380. display: block !important;
  8381. opacity: 1;
  8382. }
  8383. .am-popover-inner {
  8384. position: relative;
  8385. background: #333333;
  8386. padding: 8px;
  8387. z-index: 110;
  8388. overflow: auto;
  8389. -webkit-overflow-scrolling: touch;
  8390. }
  8391. .am-popover-caret {
  8392. position: absolute;
  8393. left: 5px;
  8394. top: 0;
  8395. z-index: 100;
  8396. display: inline-block;
  8397. width: 0;
  8398. height: 0;
  8399. vertical-align: middle;
  8400. border-bottom: 8px solid #333333;
  8401. border-right: 8px solid transparent;
  8402. border-left: 8px solid transparent;
  8403. border-top: 0 dotted;
  8404. -webkit-transform: rotate(360deg);
  8405. -ms-transform: rotate(360deg);
  8406. transform: rotate(360deg);
  8407. overflow: hidden;
  8408. }
  8409. .am-popover-top .am-popover-caret {
  8410. top: auto;
  8411. bottom: -8px;
  8412. -webkit-transform: rotate(180deg);
  8413. -ms-transform: rotate(180deg);
  8414. transform: rotate(180deg);
  8415. }
  8416. .am-popover-bottom .am-popover-caret {
  8417. top: -8px;
  8418. }
  8419. .am-popover-left .am-popover-caret {
  8420. top: auto;
  8421. left: auto;
  8422. right: -12px;
  8423. -webkit-transform: rotate(90deg);
  8424. -ms-transform: rotate(90deg);
  8425. transform: rotate(90deg);
  8426. }
  8427. .am-popover-right .am-popover-caret {
  8428. right: auto;
  8429. left: -12px;
  8430. -webkit-transform: rotate(-90deg);
  8431. -ms-transform: rotate(-90deg);
  8432. transform: rotate(-90deg);
  8433. }
  8434. .am-popover-sm {
  8435. font-size: 1.4rem;
  8436. }
  8437. .am-popover-sm .am-popover-inner {
  8438. padding: 5px;
  8439. }
  8440. .am-popover-lg {
  8441. font-size: 1.8rem;
  8442. }
  8443. .am-popover-secondary {
  8444. border-color: #0e90d2;
  8445. }
  8446. .am-popover-secondary .am-popover-inner {
  8447. background: #0e90d2;
  8448. }
  8449. .am-popover-secondary .am-popover-caret {
  8450. border-bottom-color: #0e90d2;
  8451. }
  8452. .am-popover-secondary {
  8453. border-color: #3bb4f2;
  8454. }
  8455. .am-popover-secondary .am-popover-inner {
  8456. background: #3bb4f2;
  8457. }
  8458. .am-popover-secondary .am-popover-caret {
  8459. border-bottom-color: #3bb4f2;
  8460. }
  8461. .am-popover-success {
  8462. border-color: #5eb95e;
  8463. }
  8464. .am-popover-success .am-popover-inner {
  8465. background: #5eb95e;
  8466. }
  8467. .am-popover-success .am-popover-caret {
  8468. border-bottom-color: #5eb95e;
  8469. }
  8470. .am-popover-warning {
  8471. border-color: #f37b1d;
  8472. }
  8473. .am-popover-warning .am-popover-inner {
  8474. background: #f37b1d;
  8475. }
  8476. .am-popover-warning .am-popover-caret {
  8477. border-bottom-color: #f37b1d;
  8478. }
  8479. .am-popover-danger {
  8480. border-color: #dd514c;
  8481. }
  8482. .am-popover-danger .am-popover-inner {
  8483. background: #dd514c;
  8484. }
  8485. .am-popover-danger .am-popover-caret {
  8486. border-bottom-color: #dd514c;
  8487. }
  8488. /* ==========================================================================
  8489. Component: Progress Plugin
  8490. ============================================================================ */
  8491. #nprogress {
  8492. /* Make clicks pass-through */
  8493. pointer-events: none
  8494. /* Fancy blur effect */
  8495. }
  8496. #nprogress .nprogress-bar {
  8497. position: fixed;
  8498. top: 0;
  8499. left: 0;
  8500. z-index: 2000;
  8501. width: 100%;
  8502. height: 2px;
  8503. background: #5eb95e;
  8504. }
  8505. #nprogress .nprogress-peg {
  8506. display: block;
  8507. position: absolute;
  8508. right: 0;
  8509. width: 100px;
  8510. height: 100%;
  8511. -webkit-box-shadow: 0 0 10px #5eb95e, 0 0 5px #5eb95e;
  8512. box-shadow: 0 0 10px #5eb95e, 0 0 5px #5eb95e;
  8513. opacity: 1;
  8514. -webkit-transform: rotate(3deg) translate(0px, -4px);
  8515. -ms-transform: rotate(3deg) translate(0px, -4px);
  8516. transform: rotate(3deg) translate(0px, -4px);
  8517. }
  8518. #nprogress .nprogress-spinner {
  8519. position: fixed;
  8520. top: 15px;
  8521. right: 15px;
  8522. z-index: 2000;
  8523. display: block;
  8524. }
  8525. #nprogress .nprogress-spinner-icon {
  8526. width: 18px;
  8527. height: 18px;
  8528. -webkit-box-sizing: border-box;
  8529. box-sizing: border-box;
  8530. border: solid 2px transparent;
  8531. border-top-color: #5eb95e;
  8532. border-left-color: #5eb95e;
  8533. border-radius: 50%;
  8534. -webkit-animation: nprogress-spinner 400ms linear infinite;
  8535. animation: nprogress-spinner 400ms linear infinite;
  8536. }
  8537. @-webkit-keyframes nprogress-spinner {
  8538. 0% {
  8539. -webkit-transform: rotate(0deg);
  8540. transform: rotate(0deg);
  8541. }
  8542. 100% {
  8543. -webkit-transform: rotate(360deg);
  8544. transform: rotate(360deg);
  8545. }
  8546. }
  8547. @keyframes nprogress-spinner {
  8548. 0% {
  8549. -webkit-transform: rotate(0deg);
  8550. transform: rotate(0deg);
  8551. }
  8552. 100% {
  8553. -webkit-transform: rotate(360deg);
  8554. transform: rotate(360deg);
  8555. }
  8556. }
  8557. /* ==========================================================================
  8558. Component: Tabs Plugin
  8559. ============================================================================ */
  8560. .am-tabs-bd {
  8561. position: relative;
  8562. overflow: hidden;
  8563. border: 1px solid #ddd;
  8564. border-top: none;
  8565. z-index: 100;
  8566. -webkit-transition: height .3s;
  8567. transition: height .3s;
  8568. }
  8569. .am-tabs-bd .am-tab-panel {
  8570. position: absolute;
  8571. top: 0;
  8572. z-index: 99;
  8573. float: left;
  8574. width: 100%;
  8575. padding: 10px 10px 15px;
  8576. visibility: hidden;
  8577. -webkit-transition: -webkit-transform 0.3s;
  8578. transition: transform 0.3s;
  8579. -webkit-transform: translateX(-100%);
  8580. -ms-transform: translateX(-100%);
  8581. transform: translateX(-100%);
  8582. }
  8583. .am-tabs-bd .am-tab-panel * {
  8584. -webkit-user-drag: none;
  8585. }
  8586. .am-tabs-bd .am-tab-panel.am-active {
  8587. position: relative;
  8588. z-index: 100;
  8589. visibility: visible;
  8590. -webkit-transform: translateX(0);
  8591. -ms-transform: translateX(0);
  8592. transform: translateX(0);
  8593. }
  8594. .am-tabs-bd .am-tab-panel.am-active ~ .am-tab-panel {
  8595. -webkit-transform: translateX(100%);
  8596. -ms-transform: translateX(100%);
  8597. transform: translateX(100%);
  8598. }
  8599. /* ==========================================================================
  8600. Component: Share Plugin
  8601. ============================================================================ */
  8602. .am-share {
  8603. font-size: 14px;
  8604. }
  8605. .am-share-title {
  8606. padding: 10px 0 0;
  8607. margin: 0 10px;
  8608. font-weight: normal;
  8609. text-align: center;
  8610. color: #555555;
  8611. background-color: #f8f8f8;
  8612. border-bottom: 1px solid #fff;
  8613. border-top-right-radius: 2px;
  8614. border-top-left-radius: 2px;
  8615. }
  8616. .am-share-title:after {
  8617. content: "";
  8618. display: block;
  8619. width: 100%;
  8620. height: 0;
  8621. margin-top: 10px;
  8622. border-bottom: 1px solid #dfdfdf;
  8623. }
  8624. .am-share-sns {
  8625. margin: 0 10px;
  8626. padding-top: 15px;
  8627. background-color: #f8f8f8;
  8628. border-bottom-right-radius: 2px;
  8629. border-bottom-left-radius: 2px;
  8630. }
  8631. .am-share-sns li {
  8632. margin-bottom: 15px;
  8633. }
  8634. .am-share-sns a {
  8635. display: block;
  8636. color: #555555;
  8637. }
  8638. .am-share-sns span {
  8639. display: block;
  8640. }
  8641. .am-share-sns [class*='am-icon'] {
  8642. background-color: #3bb4f2;
  8643. border-radius: 50%;
  8644. width: 36px;
  8645. height: 36px;
  8646. line-height: 36px;
  8647. color: #fff;
  8648. margin-bottom: 5px;
  8649. font-size: 18px;
  8650. }
  8651. .am-share-sns .am-icon-weibo {
  8652. background-color: #ea1328;
  8653. }
  8654. .am-share-sns .am-icon-qq {
  8655. background-color: #009cda;
  8656. }
  8657. .am-share-sns .am-icon-star {
  8658. background-color: #ffc028;
  8659. }
  8660. .am-share-sns .am-icon-tencent-weibo {
  8661. background-color: #23ccfe;
  8662. }
  8663. .am-share-sns .am-icon-wechat,
  8664. .am-share-sns .am-icon-weixin {
  8665. background-color: #44b549;
  8666. }
  8667. .am-share-sns .am-icon-renren {
  8668. background-color: #105ba3;
  8669. }
  8670. .am-share-sns .am-icon-comment {
  8671. background-color: #5eb95e;
  8672. }
  8673. .am-share-footer {
  8674. margin: 10px;
  8675. }
  8676. .am-share-footer .am-btn {
  8677. color: #555555;
  8678. }
  8679. .am-share-wechat-qr {
  8680. font-size: 14px;
  8681. color: #777;
  8682. }
  8683. .am-share-wechat-qr .am-modal-dialog {
  8684. background-color: #fff;
  8685. border: 1px solid #dedede;
  8686. }
  8687. .am-share-wechat-qr .am-modal-hd {
  8688. padding-top: 10px;
  8689. text-align: left;
  8690. margin-bottom: 10px;
  8691. }
  8692. .am-share-wechat-qr .am-share-wx-qr {
  8693. margin-bottom: 10px;
  8694. }
  8695. .am-share-wechat-qr .am-share-wechat-tip {
  8696. text-align: left;
  8697. }
  8698. .am-share-wechat-qr .am-share-wechat-tip em {
  8699. color: #dd514c;
  8700. font-weight: bold;
  8701. font-style: normal;
  8702. margin-left: 3px;
  8703. margin-right: 3px;
  8704. }
  8705. /* ==========================================================================
  8706. Component: PureView Plugin
  8707. ============================================================================ */
  8708. .am-pureview {
  8709. position: fixed;
  8710. left: 0;
  8711. top: 0;
  8712. bottom: 0;
  8713. right: 0;
  8714. z-index: 1120;
  8715. width: 100%;
  8716. height: 100%;
  8717. background: rgba(0, 0, 0, 0.95);
  8718. display: none;
  8719. overflow: hidden;
  8720. -webkit-transition: -webkit-transform .3s;
  8721. transition: transform .3s;
  8722. -webkit-transform: translate(0, 100%);
  8723. -ms-transform: translate(0, 100%);
  8724. transform: translate(0, 100%);
  8725. }
  8726. .am-pureview.am-active {
  8727. -webkit-transform: translate(0, 0);
  8728. -ms-transform: translate(0, 0);
  8729. transform: translate(0, 0);
  8730. }
  8731. .am-pureview ul,
  8732. .am-pureview ol {
  8733. list-style: none;
  8734. padding: 0;
  8735. margin: 0;
  8736. width: 100%;
  8737. }
  8738. .am-pureview-slider {
  8739. overflow: hidden;
  8740. height: 100%;
  8741. }
  8742. .am-pureview-slider li {
  8743. position: absolute;
  8744. width: 100%;
  8745. height: 100%;
  8746. top: 0;
  8747. display: -webkit-box;
  8748. display: -webkit-flex;
  8749. display: -ms-flexbox;
  8750. display: flex;
  8751. -webkit-box-pack: center;
  8752. -webkit-justify-content: center;
  8753. -ms-flex-pack: center;
  8754. justify-content: center;
  8755. -webkit-box-align: center;
  8756. -webkit-align-items: center;
  8757. -ms-flex-align: center;
  8758. align-items: center;
  8759. vertical-align: middle;
  8760. -webkit-transition: all .3s linear;
  8761. transition: all .3s linear;
  8762. z-index: 100;
  8763. visibility: hidden;
  8764. }
  8765. .am-pureview-slider li.am-pureview-slide-prev {
  8766. -webkit-transform: translate(-100%, 0);
  8767. -ms-transform: translate(-100%, 0);
  8768. transform: translate(-100%, 0);
  8769. z-index: 109;
  8770. }
  8771. .am-pureview-slider li.am-pureview-slide-next {
  8772. -webkit-transform: translate(100%, 0);
  8773. -ms-transform: translate(100%, 0);
  8774. transform: translate(100%, 0);
  8775. z-index: 109;
  8776. }
  8777. .am-pureview-slider li.am-active {
  8778. position: relative;
  8779. z-index: 110;
  8780. -webkit-transform: translate(0, 0);
  8781. -ms-transform: translate(0, 0);
  8782. transform: translate(0, 0);
  8783. visibility: visible;
  8784. }
  8785. .am-pureview-slider .pinch-zoom-container {
  8786. width: 100%;
  8787. z-index: 1121;
  8788. }
  8789. .am-pureview-slider .am-pinch-zoom {
  8790. position: relative;
  8791. width: 100%;
  8792. display: -webkit-box;
  8793. display: -webkit-flex;
  8794. display: -ms-flexbox;
  8795. display: flex;
  8796. -webkit-box-pack: center;
  8797. -webkit-justify-content: center;
  8798. -ms-flex-pack: center;
  8799. justify-content: center;
  8800. -webkit-box-align: center;
  8801. -webkit-align-items: center;
  8802. -ms-flex-align: center;
  8803. align-items: center;
  8804. }
  8805. .am-pureview-slider .am-pinch-zoom:after {
  8806. display: inline-block;
  8807. font-family: "FontAwesome", sans-serif;
  8808. font-weight: normal;
  8809. font-style: normal;
  8810. vertical-align: baseline;
  8811. line-height: 1;
  8812. -webkit-font-smoothing: antialiased;
  8813. -moz-osx-font-smoothing: grayscale;
  8814. content: "\f110";
  8815. -webkit-animation: icon-spin 2s infinite linear;
  8816. animation: icon-spin 2s infinite linear;
  8817. font-size: 24px;
  8818. line-height: 24px;
  8819. color: #eee;
  8820. position: absolute;
  8821. top: 50%;
  8822. left: 50%;
  8823. margin-left: -12px;
  8824. margin-top: -12px;
  8825. z-index: 1;
  8826. }
  8827. .am-pureview-slider img {
  8828. position: relative;
  8829. display: block;
  8830. max-width: 100%;
  8831. max-height: 100%;
  8832. opacity: 0;
  8833. z-index: 200;
  8834. -webkit-user-drag: none;
  8835. -webkit-transition: opacity 0.2s ease-in;
  8836. transition: opacity 0.2s ease-in;
  8837. }
  8838. .am-pureview-slider img.am-img-loaded {
  8839. opacity: 1;
  8840. }
  8841. .am-pureview-direction {
  8842. position: absolute;
  8843. top: 50%;
  8844. width: 100%;
  8845. margin-top: -18px !important;
  8846. z-index: 1122;
  8847. }
  8848. .am-touch .am-pureview-direction,
  8849. .am-pureview-only .am-pureview-direction {
  8850. display: none;
  8851. }
  8852. .am-pureview-direction li {
  8853. position: absolute;
  8854. width: 36px;
  8855. height: 36px;
  8856. }
  8857. .am-pureview-direction a {
  8858. display: block;
  8859. height: 36px;
  8860. border: none;
  8861. color: #ccc;
  8862. opacity: 0.5;
  8863. cursor: pointer;
  8864. text-align: center;
  8865. z-index: 1125;
  8866. }
  8867. .am-pureview-direction a:before {
  8868. content: "\f137";
  8869. line-height: 36px;
  8870. font-size: 24px;
  8871. }
  8872. .am-pureview-direction a:hover {
  8873. opacity: 1;
  8874. }
  8875. .am-pureview-direction .am-pureview-prev {
  8876. left: 15px;
  8877. }
  8878. .am-pureview-direction .am-pureview-next {
  8879. right: 15px;
  8880. }
  8881. .am-pureview-direction .am-pureview-next a:before {
  8882. content: "\f138";
  8883. }
  8884. .am-pureview-bar {
  8885. position: absolute;
  8886. bottom: 0;
  8887. height: 45px;
  8888. width: 100%;
  8889. background-color: rgba(0, 0, 0, 0.35);
  8890. color: #eeeeee;
  8891. line-height: 45px;
  8892. padding: 0 10px;
  8893. font-size: 14px;
  8894. display: -webkit-box;
  8895. display: -webkit-flex;
  8896. display: -ms-flexbox;
  8897. display: flex;
  8898. }
  8899. .am-pureview-bar .am-pureview-title {
  8900. display: block;
  8901. word-wrap: normal;
  8902. /* for IE */
  8903. text-overflow: ellipsis;
  8904. white-space: nowrap;
  8905. overflow: hidden;
  8906. margin-left: 6px;
  8907. -webkit-box-flex: 1;
  8908. -webkit-flex: 1;
  8909. -ms-flex: 1;
  8910. flex: 1;
  8911. }
  8912. .am-pureview-bar .am-pureview-total {
  8913. font-size: 10px;
  8914. line-height: 48px;
  8915. }
  8916. .am-pureview-actions {
  8917. position: absolute;
  8918. z-index: 1130;
  8919. left: 0;
  8920. right: 0;
  8921. top: 0;
  8922. height: 45px;
  8923. background-color: rgba(0, 0, 0, 0.35);
  8924. }
  8925. .am-pureview-actions a {
  8926. position: absolute;
  8927. left: 10px;
  8928. color: #ccc;
  8929. display: block;
  8930. width: 45px;
  8931. line-height: 45px;
  8932. text-align: left;
  8933. font-size: 16px;
  8934. }
  8935. .am-pureview-actions a:hover {
  8936. color: #ffffff;
  8937. }
  8938. .am-pureview-actions [data-am-toggle="share"] {
  8939. left: auto;
  8940. right: 10px;
  8941. }
  8942. .am-pureview-bar,
  8943. .am-pureview-actions {
  8944. opacity: 0;
  8945. -webkit-transition: all .15s;
  8946. transition: all .15s;
  8947. z-index: 1130;
  8948. }
  8949. .am-pureview-bar-active .am-pureview-bar,
  8950. .am-pureview-bar-active .am-pureview-actions {
  8951. opacity: 1;
  8952. }
  8953. .am-pureview-nav {
  8954. position: absolute;
  8955. bottom: 15px;
  8956. left: 0;
  8957. right: 0;
  8958. text-align: center;
  8959. z-index: 1131;
  8960. }
  8961. .am-pureview-bar-active .am-pureview-nav {
  8962. display: none;
  8963. }
  8964. .am-pureview-nav li {
  8965. display: inline-block;
  8966. background: #ccc;
  8967. background: rgba(255, 255, 255, 0.5);
  8968. width: 8px;
  8969. height: 8px;
  8970. margin: 0 3px;
  8971. border-radius: 50%;
  8972. text-indent: -9999px;
  8973. overflow: hidden;
  8974. cursor: pointer;
  8975. }
  8976. .am-pureview-nav .am-active {
  8977. background: #fff;
  8978. background: rgba(255, 255, 255, 0.9);
  8979. }
  8980. [data-am-pureview] img {
  8981. cursor: pointer;
  8982. }
  8983. .am-pureview-active {
  8984. overflow: hidden;
  8985. }
  8986. /* ==========================================================================
  8987. Component: AddToHomeScreen Plugin
  8988. ============================================================================ */
  8989. .ath-viewport * {
  8990. -webkit-box-sizing: border-box;
  8991. box-sizing: border-box;
  8992. }
  8993. .ath-viewport {
  8994. position: relative;
  8995. z-index: 2147483641;
  8996. pointer-events: none;
  8997. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  8998. -webkit-touch-callout: none;
  8999. -webkit-user-select: none;
  9000. -moz-user-select: none;
  9001. -ms-user-select: none;
  9002. user-select: none;
  9003. -webkit-text-size-adjust: none;
  9004. -ms-text-size-adjust: none;
  9005. text-size-adjust: none;
  9006. }
  9007. .ath-modal {
  9008. pointer-events: auto !important;
  9009. background: rgba(0, 0, 0, 0.6);
  9010. }
  9011. .ath-mandatory {
  9012. background: #000;
  9013. }
  9014. .ath-container {
  9015. pointer-events: auto !important;
  9016. position: absolute;
  9017. z-index: 2147483641;
  9018. padding: 0.7em 0.6em;
  9019. width: 18em;
  9020. background: #eee;
  9021. -webkit-background-size: 100% auto;
  9022. background-size: 100% auto;
  9023. -webkit-box-shadow: 0 0.2em 0 #d1d1d1;
  9024. box-shadow: 0 0.2em 0 #d1d1d1;
  9025. font-family: sans-serif;
  9026. font-size: 15px;
  9027. line-height: 1.5em;
  9028. text-align: center;
  9029. }
  9030. .ath-ios.ath-phone {
  9031. bottom: 1.8em;
  9032. left: 50%;
  9033. margin-left: -9em;
  9034. }
  9035. .ath-ios6.ath-tablet {
  9036. left: 5em;
  9037. top: 1.8em;
  9038. }
  9039. .ath-ios7.ath-tablet {
  9040. left: 0.7em;
  9041. top: 1.8em;
  9042. }
  9043. .ath-ios8.ath-tablet {
  9044. right: 0.4em;
  9045. top: 1.8em;
  9046. }
  9047. .ath-android {
  9048. right: 1.5em;
  9049. top: 1.8em;
  9050. }
  9051. /* close icon */
  9052. .ath-container:before {
  9053. content: '';
  9054. position: relative;
  9055. display: block;
  9056. float: right;
  9057. margin: -0.7em -0.6em 0 0.5em;
  9058. 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==);
  9059. background-color: rgba(255, 255, 255, 0.8);
  9060. -webkit-background-size: 50% 50%;
  9061. background-size: 50%;
  9062. background-repeat: no-repeat;
  9063. background-position: 50%;
  9064. width: 2.7em;
  9065. height: 2.7em;
  9066. text-align: center;
  9067. overflow: hidden;
  9068. color: #a33;
  9069. z-index: 2147483642;
  9070. }
  9071. .ath-container.ath-icon:before {
  9072. position: absolute;
  9073. top: 0;
  9074. right: 0;
  9075. margin: 0;
  9076. float: none;
  9077. }
  9078. .ath-mandatory .ath-container:before {
  9079. display: none;
  9080. }
  9081. .ath-container.ath-android:before {
  9082. float: left;
  9083. margin: -0.7em 0.5em 0 -0.6em;
  9084. }
  9085. .ath-container.ath-android.ath-icon:before {
  9086. position: absolute;
  9087. right: auto;
  9088. left: 0;
  9089. margin: 0;
  9090. float: none;
  9091. }
  9092. /* applied only if the application icon is shown */
  9093. .ath-action-icon {
  9094. display: inline-block;
  9095. vertical-align: middle;
  9096. background-position: 50%;
  9097. background-repeat: no-repeat;
  9098. text-indent: -9999em;
  9099. overflow: hidden;
  9100. }
  9101. .ath-android .ath-action-icon {
  9102. width: 1.2em;
  9103. height: 1.8em;
  9104. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAADcBAMAAAAig/QJAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAFtDAABbQwH5xg68AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAB5QTFRFAAAA////cXFxaWlp////ZmZmnJycoaGhpqam////1D9b6wAAAAV0Uk5TAAgJERExZxYzAAAAYklEQVRYw+3WoQ2AUBAE0SsBOiBUQEIDCArA4FFoHBaJxNItFYz/x5+xz282VmwJTdM0rRzbsS1e7Pm9zdgUVn491rkFmqZpSezEjqo/Sos1HoAEjdjgFmiapiWxG7tq/igfnYteFlnOWZEAAAAASUVORK5CYII=);
  9105. -webkit-background-size: auto 100%;
  9106. background-size: auto 100%;
  9107. }
  9108. .ath-ios7 .ath-action-icon,
  9109. .ath-ios8 .ath-action-icon {
  9110. width: 1.6em;
  9111. height: 1.6em;
  9112. 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==);
  9113. margin-top: -0.3em;
  9114. -webkit-background-size: auto 100%;
  9115. background-size: auto 100%;
  9116. }
  9117. .ath-ios6 .ath-action-icon {
  9118. width: 1.8em;
  9119. height: 1.8em;
  9120. 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==);
  9121. margin-bottom: 0.4em;
  9122. -webkit-background-size: 100% auto;
  9123. background-size: 100% auto;
  9124. }
  9125. .ath-container p {
  9126. margin: 0;
  9127. padding: 0;
  9128. position: relative;
  9129. z-index: 2147483642;
  9130. text-shadow: 0 0.1em 0 #fff;
  9131. font-size: 1.1em;
  9132. }
  9133. .ath-ios.ath-phone:after {
  9134. content: '';
  9135. background: #eee;
  9136. position: absolute;
  9137. width: 2em;
  9138. height: 2em;
  9139. bottom: -0.9em;
  9140. left: 50%;
  9141. margin-left: -1em;
  9142. -webkit-transform: scaleX(0.9) rotate(45deg);
  9143. -ms-transform: scaleX(0.9) rotate(45deg);
  9144. transform: scaleX(0.9) rotate(45deg);
  9145. -webkit-box-shadow: 0.2em 0.2em 0 #d1d1d1;
  9146. box-shadow: 0.2em 0.2em 0 #d1d1d1;
  9147. }
  9148. .ath-ios.ath-tablet:after {
  9149. content: '';
  9150. background: #eee;
  9151. position: absolute;
  9152. width: 2em;
  9153. height: 2em;
  9154. top: -0.9em;
  9155. left: 50%;
  9156. margin-left: -1em;
  9157. -webkit-transform: scaleX(0.9) rotate(45deg);
  9158. -ms-transform: scaleX(0.9) rotate(45deg);
  9159. transform: scaleX(0.9) rotate(45deg);
  9160. z-index: 2147483641;
  9161. }
  9162. .ath-android:after {
  9163. content: '';
  9164. background: #eee;
  9165. background: -webkit-linear-gradient(-45deg, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 50%, #eeeeee 50%, #eeeeee 100%);
  9166. position: absolute;
  9167. width: 2em;
  9168. height: 2em;
  9169. top: -1.5em;
  9170. right: 0;
  9171. }
  9172. .ath-application-icon {
  9173. position: relative;
  9174. padding: 0;
  9175. border: 0;
  9176. margin: 0 auto 0.2em auto;
  9177. height: 4.8em;
  9178. width: 4.8em;
  9179. z-index: 2147483642;
  9180. }
  9181. .ath-container.ath-ios .ath-application-icon {
  9182. border-radius: 1em;
  9183. -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);
  9184. box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  9185. margin: 0 auto 0.4em auto;
  9186. }
  9187. @media only screen and (orientation: landscape) {
  9188. .ath-container.ath-phone {
  9189. width: 24em;
  9190. }
  9191. .ath-ios.ath-phone {
  9192. margin-left: -12em;
  9193. }
  9194. .ath-ios6:after {
  9195. left: 39%;
  9196. }
  9197. .ath-ios8.ath-phone {
  9198. left: auto;
  9199. bottom: auto;
  9200. right: 0.4em;
  9201. top: 1.8em;
  9202. }
  9203. .ath-ios8.ath-phone:after {
  9204. bottom: auto;
  9205. top: -0.9em;
  9206. left: 68%;
  9207. z-index: 2147483641;
  9208. -webkit-box-shadow: none;
  9209. box-shadow: none;
  9210. }
  9211. }
  9212. /* ==========================================================================
  9213. Component: uCheck Plugin
  9214. ============================================================================ */
  9215. .am-checkbox,
  9216. .am-radio {
  9217. margin-bottom: 12px;
  9218. padding-left: 25px;
  9219. position: relative;
  9220. -webkit-transition: color .25s linear;
  9221. transition: color .25s linear;
  9222. font-size: 14px;
  9223. line-height: 1.5;
  9224. }
  9225. label.am-checkbox,
  9226. label.am-radio {
  9227. font-weight: normal;
  9228. }
  9229. .am-ucheck-icons {
  9230. color: #999999;
  9231. display: block;
  9232. height: 20px;
  9233. top: 0;
  9234. left: 0;
  9235. position: absolute;
  9236. width: 20px;
  9237. text-align: center;
  9238. line-height: 21px;
  9239. font-size: 18px;
  9240. cursor: pointer;
  9241. }
  9242. .am-checkbox .am-icon-checked,
  9243. .am-radio .am-icon-checked,
  9244. .am-checkbox .am-icon-unchecked,
  9245. .am-radio .am-icon-unchecked {
  9246. position: absolute;
  9247. left: 0;
  9248. top: 0;
  9249. display: inline-table;
  9250. margin: 0;
  9251. background-color: transparent;
  9252. -webkit-transition: color .25s linear;
  9253. transition: color .25s linear;
  9254. }
  9255. .am-checkbox .am-icon-checked:before,
  9256. .am-radio .am-icon-checked:before,
  9257. .am-checkbox .am-icon-unchecked:before,
  9258. .am-radio .am-icon-unchecked:before {
  9259. display: inline-block;
  9260. font-family: "FontAwesome", sans-serif;
  9261. font-weight: normal;
  9262. font-style: normal;
  9263. vertical-align: baseline;
  9264. line-height: 1;
  9265. -webkit-font-smoothing: antialiased;
  9266. -moz-osx-font-smoothing: grayscale;
  9267. }
  9268. .am-checkbox .am-icon-checked,
  9269. .am-radio .am-icon-checked {
  9270. opacity: 0;
  9271. }
  9272. .am-checkbox .am-icon-checked:before {
  9273. content: "\f046";
  9274. }
  9275. .am-checkbox .am-icon-unchecked:before {
  9276. content: "\f096";
  9277. }
  9278. .am-radio .am-icon-checked:before {
  9279. content: "\f192";
  9280. }
  9281. .am-radio .am-icon-unchecked:before {
  9282. content: "\f10c";
  9283. }
  9284. .am-ucheck-checkbox,
  9285. .am-ucheck-radio {
  9286. position: absolute;
  9287. left: 0;
  9288. top: 0;
  9289. margin: 0;
  9290. padding: 0;
  9291. width: 20px;
  9292. height: 20px;
  9293. opacity: 0;
  9294. outline: none !important;
  9295. }
  9296. .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons,
  9297. .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons {
  9298. color: #0e90d2;
  9299. }
  9300. .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9301. .am-ucheck-radio:checked + .am-ucheck-icons {
  9302. color: #0e90d2;
  9303. }
  9304. .am-ucheck-checkbox:checked + .am-ucheck-icons .am-icon-unchecked,
  9305. .am-ucheck-radio:checked + .am-ucheck-icons .am-icon-unchecked {
  9306. opacity: 0;
  9307. }
  9308. .am-ucheck-checkbox:checked + .am-ucheck-icons .am-icon-checked,
  9309. .am-ucheck-radio:checked + .am-ucheck-icons .am-icon-checked {
  9310. opacity: 1;
  9311. }
  9312. .am-ucheck-checkbox:disabled + .am-ucheck-icons,
  9313. .am-ucheck-radio:disabled + .am-ucheck-icons {
  9314. cursor: default;
  9315. color: #d8d8d8;
  9316. }
  9317. .am-ucheck-checkbox:disabled:checked + .am-ucheck-icons .am-icon-unchecked,
  9318. .am-ucheck-radio:disabled:checked + .am-ucheck-icons .am-icon-unchecked {
  9319. opacity: 0;
  9320. }
  9321. .am-ucheck-checkbox:disabled:checked + .am-ucheck-icons .am-icon-checked,
  9322. .am-ucheck-radio:disabled:checked + .am-ucheck-icons .am-icon-checked {
  9323. opacity: 1;
  9324. color: #d8d8d8;
  9325. }
  9326. .am-checkbox.am-secondary .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9327. .am-radio.am-secondary .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9328. .am-checkbox.am-secondary .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9329. .am-radio.am-secondary .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9330. color: #3bb4f2;
  9331. }
  9332. .am-checkbox.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9333. .am-radio.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9334. .am-checkbox.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons,
  9335. .am-radio.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons {
  9336. color: #3bb4f2;
  9337. }
  9338. .am-checkbox.am-success .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9339. .am-radio.am-success .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9340. .am-checkbox.am-success .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9341. .am-radio.am-success .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9342. color: #5eb95e;
  9343. }
  9344. .am-checkbox.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9345. .am-radio.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9346. .am-checkbox.am-success .am-ucheck-radio:checked + .am-ucheck-icons,
  9347. .am-radio.am-success .am-ucheck-radio:checked + .am-ucheck-icons {
  9348. color: #5eb95e;
  9349. }
  9350. .am-checkbox.am-warning .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9351. .am-radio.am-warning .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9352. .am-checkbox.am-warning .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9353. .am-radio.am-warning .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9354. color: #f37b1d;
  9355. }
  9356. .am-checkbox.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9357. .am-radio.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9358. .am-checkbox.am-warning .am-ucheck-radio:checked + .am-ucheck-icons,
  9359. .am-radio.am-warning .am-ucheck-radio:checked + .am-ucheck-icons {
  9360. color: #f37b1d;
  9361. }
  9362. .am-checkbox.am-danger .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9363. .am-radio.am-danger .am-ucheck-checkbox:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9364. .am-checkbox.am-danger .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons,
  9365. .am-radio.am-danger .am-ucheck-radio:hover:not( .am-nohover):not(:disabled) + .am-ucheck-icons {
  9366. color: #dd514c;
  9367. }
  9368. .am-checkbox.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9369. .am-radio.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons,
  9370. .am-checkbox.am-danger .am-ucheck-radio:checked + .am-ucheck-icons,
  9371. .am-radio.am-danger .am-ucheck-radio:checked + .am-ucheck-icons {
  9372. color: #dd514c;
  9373. }
  9374. .am-field-error + .am-ucheck-icons {
  9375. color: #dd514c;
  9376. }
  9377. .am-field-valid + .am-ucheck-icons {
  9378. color: #5eb95e;
  9379. }
  9380. .am-input-group-label .am-radio,
  9381. .am-input-group-label .am-checkbox {
  9382. margin: -2px 0;
  9383. padding-left: 15px;
  9384. }
  9385. .am-form-inline .am-checkbox,
  9386. .am-form-inline .am-radio {
  9387. padding-left: 24px;
  9388. }
  9389. /* ==========================================================================
  9390. Component: Selected Plugin
  9391. ============================================================================ */
  9392. .am-selected-btn {
  9393. text-align: right;
  9394. width: 200px;
  9395. }
  9396. .am-selected-btn.am-btn-default {
  9397. background: none;
  9398. }
  9399. .am-selected-header {
  9400. height: 45px;
  9401. background-color: #f2f2f2;
  9402. border-bottom: 1px solid #ddd;
  9403. display: none;
  9404. }
  9405. .am-selected-status {
  9406. text-align: left;
  9407. width: 100%;
  9408. display: block;
  9409. word-wrap: normal;
  9410. /* for IE */
  9411. text-overflow: ellipsis;
  9412. white-space: nowrap;
  9413. overflow: hidden;
  9414. }
  9415. .am-selected-content {
  9416. padding: 10px 0;
  9417. }
  9418. .am-selected-search {
  9419. padding: 0 10px 10px;
  9420. }
  9421. .am-selected-search .am-form-field {
  9422. padding: .5em;
  9423. }
  9424. .am-selected-list {
  9425. margin: 0;
  9426. padding: 0;
  9427. list-style: none;
  9428. font-size: 1.5rem;
  9429. }
  9430. .am-selected-list li {
  9431. position: relative;
  9432. cursor: pointer;
  9433. padding: 5px 10px;
  9434. -webkit-transition: background-color 0.15s;
  9435. transition: background-color 0.15s;
  9436. }
  9437. .am-selected-list li:hover {
  9438. background-color: #f8f8f8;
  9439. }
  9440. .am-selected-list li:hover .am-icon-check {
  9441. opacity: .6;
  9442. }
  9443. .am-selected-list li.am-checked .am-icon-check {
  9444. opacity: 1;
  9445. color: #0e90d2;
  9446. }
  9447. .am-selected-list .am-selected-list-header {
  9448. margin-top: 8px;
  9449. font-size: 1.3rem;
  9450. color: #999999;
  9451. border-bottom: 1px solid #e5e5e5;
  9452. cursor: default;
  9453. }
  9454. .am-selected-list .am-selected-list-header:hover {
  9455. background: none;
  9456. }
  9457. .am-selected-list .am-selected-list-header:first-child {
  9458. margin-top: 0;
  9459. }
  9460. .am-selected-list .am-selected-text {
  9461. display: block;
  9462. word-wrap: normal;
  9463. /* for IE */
  9464. text-overflow: ellipsis;
  9465. white-space: nowrap;
  9466. overflow: hidden;
  9467. margin-right: 30px;
  9468. }
  9469. .am-selected-list .am-icon-check {
  9470. position: absolute;
  9471. right: 8px;
  9472. top: 5px;
  9473. color: #999999;
  9474. opacity: 0;
  9475. -webkit-transition: opacity .15s;
  9476. transition: opacity .15s;
  9477. }
  9478. .am-selected-hint {
  9479. line-height: 1.2;
  9480. color: #dd514c;
  9481. }
  9482. .am-selected-hint:not(:empty) {
  9483. margin-top: 10px;
  9484. border-top: 1px solid #e5e5e5;
  9485. padding: 10px 10px 0;
  9486. }
  9487. /* ==========================================================================
  9488. Component: JS Plugins helpers
  9489. ============================================================================ */
  9490. .am-fade {
  9491. opacity: 0;
  9492. -webkit-transition: opacity .2s linear;
  9493. transition: opacity .2s linear;
  9494. }
  9495. .am-fade.am-in {
  9496. opacity: 1;
  9497. }
  9498. .am-collapse {
  9499. display: none;
  9500. }
  9501. .am-collapse.am-in {
  9502. display: block;
  9503. }
  9504. tr.am-collapse.am-in {
  9505. display: table-row;
  9506. }
  9507. tbody.am-collapse.am-in {
  9508. display: table-row-group;
  9509. }
  9510. .am-collapsing {
  9511. position: relative;
  9512. height: 0;
  9513. overflow: hidden;
  9514. -webkit-transition: height .3s ease;
  9515. transition: height .3s ease;
  9516. }
  9517. .am-sticky {
  9518. position: fixed !important;
  9519. z-index: 1010;
  9520. -webkit-transform-origin: 0 0;
  9521. -ms-transform-origin: 0 0;
  9522. transform-origin: 0 0;
  9523. }
  9524. [data-am-sticky][class*="am-animation-"] {
  9525. -webkit-animation-duration: .2s;
  9526. animation-duration: .2s;
  9527. }
  9528. .am-dimmer-active {
  9529. overflow: hidden;
  9530. }
  9531. .am-dimmer {
  9532. position: fixed;
  9533. top: 0;
  9534. right: 0;
  9535. bottom: 0;
  9536. left: 0;
  9537. display: none;
  9538. width: 100%;
  9539. height: 100%;
  9540. background-color: rgba(0, 0, 0, 0.6);
  9541. z-index: 1100;
  9542. opacity: 0;
  9543. }
  9544. .am-dimmer.am-active {
  9545. opacity: 1;
  9546. }
  9547. [data-am-collapse] {
  9548. cursor: pointer;
  9549. }
  9550. .am-datepicker {
  9551. top: 0;
  9552. left: 0;
  9553. border-radius: 0;
  9554. background: #ffffff;
  9555. -webkit-box-shadow: 0 0 10px #ccc;
  9556. box-shadow: 0 0 10px #ccc;
  9557. padding-bottom: 10px;
  9558. margin-top: 10px;
  9559. width: 238px;
  9560. color: #555555;
  9561. display: none;
  9562. }
  9563. .am-datepicker > div {
  9564. display: none;
  9565. }
  9566. .am-datepicker table {
  9567. width: 100%;
  9568. }
  9569. .am-datepicker tr.am-datepicker-header {
  9570. font-size: 1.6rem;
  9571. color: #ffffff;
  9572. background: #3bb4f2;
  9573. }
  9574. .am-datepicker td,
  9575. .am-datepicker th {
  9576. text-align: center;
  9577. font-weight: normal;
  9578. cursor: pointer;
  9579. }
  9580. .am-datepicker th {
  9581. height: 48px;
  9582. }
  9583. .am-datepicker td {
  9584. font-size: 1.4rem;
  9585. }
  9586. .am-datepicker td.am-datepicker-day {
  9587. height: 34px;
  9588. width: 34px;
  9589. }
  9590. .am-datepicker td.am-datepicker-day:hover {
  9591. background: #f0f0f0;
  9592. height: 34px;
  9593. width: 34px;
  9594. }
  9595. .am-datepicker td.am-datepicker-day.am-disabled {
  9596. cursor: no-drop;
  9597. color: #999999;
  9598. background: #fafafa;
  9599. }
  9600. .am-datepicker td.am-datepicker-old,
  9601. .am-datepicker td.am-datepicker-new {
  9602. color: #89d7ff;
  9603. }
  9604. .am-datepicker td.am-active,
  9605. .am-datepicker td.am-active:hover {
  9606. border-radius: 0;
  9607. color: #0084c7;
  9608. background: #f0f0f0;
  9609. }
  9610. .am-datepicker td span {
  9611. display: block;
  9612. width: 79.33333333px;
  9613. height: 40px;
  9614. line-height: 40px;
  9615. float: left;
  9616. cursor: pointer;
  9617. }
  9618. .am-datepicker td span:hover {
  9619. background: #f0f0f0;
  9620. }
  9621. .am-datepicker td span.am-active {
  9622. color: #0084c7;
  9623. background: #f0f0f0;
  9624. }
  9625. .am-datepicker td span.am-datepicker-old {
  9626. color: #89d7ff;
  9627. }
  9628. .am-datepicker .am-datepicker-dow {
  9629. height: 40px;
  9630. color: #0c80ba;
  9631. }
  9632. .am-datepicker-caret {
  9633. display: block!important;
  9634. display: inline-block;
  9635. width: 0;
  9636. height: 0;
  9637. vertical-align: middle;
  9638. border-bottom: 7px solid #3bb4f2;
  9639. border-right: 7px solid transparent;
  9640. border-left: 7px solid transparent;
  9641. border-top: 0 dotted;
  9642. -webkit-transform: rotate(360deg);
  9643. -ms-transform: rotate(360deg);
  9644. transform: rotate(360deg);
  9645. position: absolute;
  9646. top: -7px;
  9647. left: 6px;
  9648. }
  9649. .am-datepicker-right .am-datepicker-caret {
  9650. left: auto;
  9651. right: 7px;
  9652. }
  9653. .am-datepicker-up .am-datepicker-caret {
  9654. top: auto;
  9655. bottom: -7px;
  9656. display: inline-block;
  9657. width: 0;
  9658. height: 0;
  9659. vertical-align: middle;
  9660. border-top: 7px solid #ffffff;
  9661. border-right: 7px solid transparent;
  9662. border-left: 7px solid transparent;
  9663. border-bottom: 0 dotted;
  9664. -webkit-transform: rotate(360deg);
  9665. -ms-transform: rotate(360deg);
  9666. transform: rotate(360deg);
  9667. }
  9668. .am-datepicker-select {
  9669. height: 34px;
  9670. line-height: 34px;
  9671. text-align: center;
  9672. -webkit-transition: background-color 300ms ease-out;
  9673. transition: background-color 300ms ease-out;
  9674. }
  9675. .am-datepicker-select:hover {
  9676. background: rgba(154, 217, 248, 0.5);
  9677. color: #0c80ba;
  9678. }
  9679. .am-datepicker-prev,
  9680. .am-datepicker-next {
  9681. width: 34px;
  9682. height: 34px;
  9683. }
  9684. .am-datepicker-prev-icon,
  9685. .am-datepicker-next-icon {
  9686. width: 34px;
  9687. height: 34px;
  9688. line-height: 34px;
  9689. display: inline-block;
  9690. -webkit-transition: background-color 300ms ease-out;
  9691. transition: background-color 300ms ease-out;
  9692. }
  9693. .am-datepicker-prev-icon:hover,
  9694. .am-datepicker-next-icon:hover {
  9695. background: rgba(154, 217, 248, 0.5);
  9696. color: #0c80ba;
  9697. }
  9698. .am-datepicker-prev-icon:before {
  9699. display: inline-block;
  9700. font-family: "FontAwesome", sans-serif;
  9701. font-weight: normal;
  9702. font-style: normal;
  9703. vertical-align: baseline;
  9704. line-height: 1;
  9705. -webkit-font-smoothing: antialiased;
  9706. -moz-osx-font-smoothing: grayscale;
  9707. content: "\f053";
  9708. }
  9709. .am-datepicker-next-icon:before {
  9710. display: inline-block;
  9711. font-family: "FontAwesome", sans-serif;
  9712. font-weight: normal;
  9713. font-style: normal;
  9714. vertical-align: baseline;
  9715. line-height: 1;
  9716. -webkit-font-smoothing: antialiased;
  9717. -moz-osx-font-smoothing: grayscale;
  9718. content: "\f054";
  9719. }
  9720. .am-datepicker-dropdown {
  9721. position: absolute;
  9722. z-index: 1000;
  9723. }
  9724. @media only screen and (max-width: 640px) {
  9725. .am-datepicker {
  9726. width: 100%;
  9727. }
  9728. .am-datepicker td span {
  9729. width: 33.33%;
  9730. }
  9731. .am-datepicker-caret {
  9732. display: none!important;
  9733. }
  9734. .am-datepicker-prev,
  9735. .am-datepicker-next {
  9736. width: 44px;
  9737. height: 44px;
  9738. }
  9739. }
  9740. .am-datepicker-success tr.am-datepicker-header {
  9741. background: #5eb95e;
  9742. }
  9743. .am-datepicker-success td.am-datepicker-day.am-disabled {
  9744. color: #999999;
  9745. }
  9746. .am-datepicker-success td.am-datepicker-old,
  9747. .am-datepicker-success td.am-datepicker-new {
  9748. color: #94df94;
  9749. }
  9750. .am-datepicker-success td.am-active,
  9751. .am-datepicker-success td.am-active:hover {
  9752. color: #1b961b;
  9753. }
  9754. .am-datepicker-success td span.am-datepicker-old {
  9755. color: #94df94;
  9756. }
  9757. .am-datepicker-success td span.am-active {
  9758. color: #1b961b;
  9759. }
  9760. .am-datepicker-success .am-datepicker-caret {
  9761. border-bottom-color: #5eb95e;
  9762. }
  9763. .am-datepicker-success .am-datepicker-dow {
  9764. color: #367b36;
  9765. }
  9766. .am-datepicker-success .am-datepicker-select:hover,
  9767. .am-datepicker-success .am-datepicker-prev-icon:hover,
  9768. .am-datepicker-success .am-datepicker-next-icon:hover {
  9769. background: rgba(165, 216, 165, 0.5);
  9770. color: #367b36;
  9771. }
  9772. .am-datepicker-danger tr.am-datepicker-header {
  9773. background: #dd514c;
  9774. }
  9775. .am-datepicker-danger td.am-datepicker-day.am-disabled {
  9776. color: #999999;
  9777. }
  9778. .am-datepicker-danger td.am-datepicker-old,
  9779. .am-datepicker-danger td.am-datepicker-new {
  9780. color: #f59490;
  9781. }
  9782. .am-datepicker-danger td.am-active,
  9783. .am-datepicker-danger td.am-active:hover {
  9784. color: #c10802;
  9785. }
  9786. .am-datepicker-danger td span.am-datepicker-old {
  9787. color: #f59490;
  9788. }
  9789. .am-datepicker-danger td span.am-active {
  9790. color: #c10802;
  9791. }
  9792. .am-datepicker-danger .am-datepicker-caret {
  9793. border-bottom-color: #dd514c;
  9794. }
  9795. .am-datepicker-danger .am-datepicker-dow {
  9796. color: #a4241f;
  9797. }
  9798. .am-datepicker-danger .am-datepicker-select:hover,
  9799. .am-datepicker-danger .am-datepicker-prev-icon:hover,
  9800. .am-datepicker-danger .am-datepicker-next-icon:hover {
  9801. background: rgba(237, 164, 162, 0.5);
  9802. color: #a4241f;
  9803. }
  9804. .am-datepicker-warning tr.am-datepicker-header {
  9805. background: #f37b1d;
  9806. }
  9807. .am-datepicker-warning td.am-datepicker-day.am-disabled {
  9808. color: #999999;
  9809. }
  9810. .am-datepicker-warning td.am-datepicker-old,
  9811. .am-datepicker-warning td.am-datepicker-new {
  9812. color: #ffad6d;
  9813. }
  9814. .am-datepicker-warning td.am-active,
  9815. .am-datepicker-warning td.am-active:hover {
  9816. color: #aa4b00;
  9817. }
  9818. .am-datepicker-warning td span.am-datepicker-old {
  9819. color: #ffad6d;
  9820. }
  9821. .am-datepicker-warning td span.am-active {
  9822. color: #aa4b00;
  9823. }
  9824. .am-datepicker-warning .am-datepicker-caret {
  9825. border-bottom-color: #f37b1d;
  9826. }
  9827. .am-datepicker-warning .am-datepicker-dow {
  9828. color: #a14c09;
  9829. }
  9830. .am-datepicker-warning .am-datepicker-select:hover,
  9831. .am-datepicker-warning .am-datepicker-prev-icon:hover,
  9832. .am-datepicker-warning .am-datepicker-next-icon:hover {
  9833. background: rgba(248, 180, 126, 0.5);
  9834. color: #a14c09;
  9835. }
  9836. /* ==========================================================================
  9837. Component: Print
  9838. ============================================================================ */
  9839. @media print {
  9840. *,
  9841. *:before,
  9842. *:after {
  9843. background: transparent !important;
  9844. color: #000 !important;
  9845. /* Black prints faster: h5bp.com/s */
  9846. -webkit-box-shadow: none !important;
  9847. box-shadow: none !important;
  9848. text-shadow: none !important;
  9849. }
  9850. a,
  9851. a:visited {
  9852. text-decoration: underline;
  9853. }
  9854. a[href]:after {
  9855. content: " (" attr(href) ")";
  9856. }
  9857. abbr[title]:after {
  9858. content: " [" attr(title) "] ";
  9859. }
  9860. /**
  9861. * Don't show links that are fragment identifiers,
  9862. * or use the `javascript:` pseudo protocol
  9863. */
  9864. a[href^="javascript:"]:after,
  9865. a[href^="#"]:after {
  9866. content: "";
  9867. }
  9868. pre,
  9869. blockquote {
  9870. border: 1px solid #999;
  9871. page-break-inside: avoid;
  9872. }
  9873. thead {
  9874. display: table-header-group
  9875. /* h5bp.com/t */
  9876. }
  9877. tr,
  9878. img {
  9879. page-break-inside: avoid;
  9880. }
  9881. img {
  9882. max-width: 100% !important;
  9883. }
  9884. p,
  9885. h2,
  9886. h3 {
  9887. orphans: 3;
  9888. widows: 3;
  9889. }
  9890. h2,
  9891. h3 {
  9892. page-break-after: avoid;
  9893. }
  9894. @page {
  9895. margin: 0.5cm;
  9896. }
  9897. select {
  9898. background: #fff !important;
  9899. }
  9900. .am-topbar {
  9901. display: none;
  9902. }
  9903. .am-table td,
  9904. .am-table th {
  9905. background-color: #fff !important;
  9906. }
  9907. .am-table {
  9908. border-collapse: collapse !important;
  9909. }
  9910. .am-table-bordered th,
  9911. .am-table-bordered td {
  9912. border: 1px solid #ddd !important;
  9913. }
  9914. }
  9915. /* print helper classes */
  9916. .am-print-block {
  9917. display: none !important;
  9918. }
  9919. @media print {
  9920. .am-print-block {
  9921. display: block !important;
  9922. }
  9923. }
  9924. .am-print-inline {
  9925. display: none !important;
  9926. }
  9927. @media print {
  9928. .am-print-inline {
  9929. display: inline !important;
  9930. }
  9931. }
  9932. .am-print-inline-block {
  9933. display: none !important;
  9934. }
  9935. @media print {
  9936. .am-print-inline-block {
  9937. display: inline-block !important;
  9938. }
  9939. }
  9940. @media print {
  9941. .am-print-hide {
  9942. display: none !important;
  9943. }
  9944. }
  9945. .lte9 #nprogress .nprogress-spinner {
  9946. display: none !important;
  9947. }
  9948. .lte8 .am-dimmer {
  9949. background-color: #000;
  9950. filter: alpha(opacity=60);
  9951. }
  9952. .lte8 .am-modal-actions {
  9953. display: none;
  9954. }
  9955. .lte8 .am-modal-actions.am-modal-active {
  9956. display: block;
  9957. }
  9958. .lte8 .am-offcanvas.am-active {
  9959. background: #000;
  9960. }
  9961. .lte8 .am-popover .am-popover-caret {
  9962. border: 8px solid transparent;
  9963. }
  9964. .lte8 .am-popover-top .am-popover-caret {
  9965. border-top: 8px solid #333333;
  9966. border-bottom: none;
  9967. }
  9968. .lte8 .am-popover-left .am-popover-caret {
  9969. right: -8px;
  9970. margin-top: -6px;
  9971. border-left: 8px solid #333333;
  9972. border-right: none;
  9973. }
  9974. .lte8 .am-popover-right .am-popover-caret {
  9975. left: -8px;
  9976. margin-top: -6px;
  9977. border-right: 8px solid #333333;
  9978. border-left: none;
  9979. }
  9980. .am-accordion-item {
  9981. margin: 0;
  9982. }
  9983. .am-accordion-title {
  9984. font-weight: normal;
  9985. cursor: pointer;
  9986. }
  9987. .am-accordion-bd {
  9988. margin: 0 !important;
  9989. padding: 0 !important;
  9990. border: none !important;
  9991. }
  9992. .am-accordion-content {
  9993. margin-top: 0;
  9994. padding: 0.8rem 1rem 1.2rem;
  9995. font-size: 1.4rem;
  9996. }
  9997. /**
  9998. * Accordion Theme: default
  9999. * Author: Minwe (minwe@yunshipei.com)
  10000. */
  10001. .am-accordion-default {
  10002. margin: 1rem;
  10003. border-radius: 2px;
  10004. -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  10005. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  10006. }
  10007. .am-accordion-default .am-accordion-item {
  10008. border-top: 1px solid rgba(0, 0, 0, 0.05);
  10009. }
  10010. .am-accordion-default .am-accordion-item:first-child {
  10011. border-top: none;
  10012. }
  10013. .am-accordion-default .am-accordion-title {
  10014. color: rgba(0, 0, 0, 0.6);
  10015. -webkit-transition: background-color 0.2s ease-out;
  10016. transition: background-color 0.2s ease-out;
  10017. padding: .8rem 1rem;
  10018. }
  10019. .am-accordion-default .am-accordion-title:before {
  10020. content: "\f0da";
  10021. display: inline-block;
  10022. font-family: "FontAwesome", sans-serif;
  10023. font-weight: normal;
  10024. font-style: normal;
  10025. vertical-align: baseline;
  10026. line-height: 1;
  10027. -webkit-font-smoothing: antialiased;
  10028. -moz-osx-font-smoothing: grayscale;
  10029. -webkit-transition: -webkit-transform .2s ease;
  10030. transition: transform .2s ease;
  10031. -webkit-transform: rotate(0deg);
  10032. -ms-transform: rotate(0deg);
  10033. transform: rotate(0deg);
  10034. margin-right: 5px;
  10035. }
  10036. .am-accordion-default .am-accordion-title:hover {
  10037. color: #0e90d2;
  10038. }
  10039. .am-accordion-default .am-accordion-content {
  10040. color: #666666;
  10041. }
  10042. .am-accordion-default .am-active .am-accordion-title {
  10043. background-color: #eeeeee;
  10044. color: #0e90d2;
  10045. }
  10046. .am-accordion-default .am-active .am-accordion-title:before {
  10047. -webkit-transform: rotate(90deg);
  10048. -ms-transform: rotate(90deg);
  10049. transform: rotate(90deg);
  10050. }
  10051. /**
  10052. * Accordion Theme: basic
  10053. * Author: Minwe (minwe@yunshipei.com)
  10054. */
  10055. .am-accordion-basic {
  10056. margin: 1rem;
  10057. }
  10058. .am-accordion-basic .am-accordion-title {
  10059. color: #333333;
  10060. -webkit-transition: background-color 0.2s ease-out;
  10061. transition: background-color 0.2s ease-out;
  10062. padding: .8rem 0 0;
  10063. }
  10064. .am-accordion-basic .am-accordion-title:before {
  10065. display: inline-block;
  10066. font-family: "FontAwesome", sans-serif;
  10067. font-weight: normal;
  10068. font-style: normal;
  10069. vertical-align: baseline;
  10070. line-height: 1;
  10071. -webkit-font-smoothing: antialiased;
  10072. -moz-osx-font-smoothing: grayscale;
  10073. content: "\f0da";
  10074. -webkit-transition: -webkit-transform .2s ease;
  10075. transition: transform .2s ease;
  10076. -webkit-transform: rotate(0deg);
  10077. -ms-transform: rotate(0deg);
  10078. transform: rotate(0deg);
  10079. margin-right: .5rem;
  10080. }
  10081. .am-accordion-basic .am-accordion-content {
  10082. color: #666666;
  10083. }
  10084. .am-accordion-basic .am-active .am-accordion-title {
  10085. color: #0e90d2;
  10086. }
  10087. .am-accordion-basic .am-active .am-accordion-title:before {
  10088. -webkit-transform: rotate(90deg);
  10089. -ms-transform: rotate(90deg);
  10090. transform: rotate(90deg);
  10091. }
  10092. /**
  10093. * Accordion Theme: gapped
  10094. * Author: Minwe (minwe@yunshipei.com)
  10095. */
  10096. .am-accordion-gapped {
  10097. margin: .5rem 1rem;
  10098. }
  10099. .am-accordion-gapped .am-accordion-item {
  10100. border: 1px solid #dedede;
  10101. border-bottom: none;
  10102. margin: .5rem 0;
  10103. }
  10104. .am-accordion-gapped .am-accordion-item.am-active {
  10105. border-bottom: 1px solid #dedede;
  10106. }
  10107. .am-accordion-gapped .am-accordion-title {
  10108. color: rgba(0, 0, 0, 0.6);
  10109. -webkit-transition: background-color 0.15s ease-out;
  10110. transition: background-color 0.15s ease-out;
  10111. border-bottom: 1px solid #dedede;
  10112. padding: 0.8rem 2rem 0.8rem 1rem;
  10113. position: relative;
  10114. }
  10115. .am-accordion-gapped .am-accordion-title:after {
  10116. display: inline-block;
  10117. font-family: "FontAwesome", sans-serif;
  10118. font-weight: normal;
  10119. font-style: normal;
  10120. vertical-align: baseline;
  10121. line-height: 1;
  10122. -webkit-font-smoothing: antialiased;
  10123. -moz-osx-font-smoothing: grayscale;
  10124. content: "\f105";
  10125. -webkit-transition: -webkit-transform .2s linear;
  10126. transition: transform .2s linear;
  10127. position: absolute;
  10128. right: 10px;
  10129. top: 50%;
  10130. margin-top: -0.8rem;
  10131. }
  10132. .am-accordion-gapped .am-accordion-title:hover {
  10133. color: rgba(0, 0, 0, 0.8);
  10134. }
  10135. .am-accordion-gapped .am-accordion-content {
  10136. color: #666666;
  10137. }
  10138. .am-accordion-gapped .am-active .am-accordion-title {
  10139. background-color: #f5f5f5;
  10140. color: rgba(0, 0, 0, 0.8);
  10141. }
  10142. .am-accordion-gapped .am-active .am-accordion-title:after {
  10143. -webkit-transform: rotate(90deg);
  10144. -ms-transform: rotate(90deg);
  10145. transform: rotate(90deg);
  10146. }
  10147. /**
  10148. * Accordion Theme: one
  10149. * Author: hzp (hzp@yunshipei.com)
  10150. */
  10151. .am-accordion-one {
  10152. margin: 0 10px 0 10px;
  10153. }
  10154. .am-accordion-one .am-accordion-item {
  10155. border: 1px solid #dfdfdf;
  10156. margin: .5rem 0;
  10157. background: #ffffff;
  10158. }
  10159. .am-accordion-one .am-accordion-title {
  10160. color: #555555;
  10161. -webkit-transition: background-color 0.2s ease-out;
  10162. transition: background-color 0.2s ease-out;
  10163. padding: 0.8rem 2rem 0.8rem 1rem;
  10164. position: relative;
  10165. }
  10166. .am-accordion-one .am-accordion-title:after {
  10167. display: inline-block;
  10168. font-family: "FontAwesome", sans-serif;
  10169. font-weight: normal;
  10170. font-style: normal;
  10171. vertical-align: baseline;
  10172. line-height: 1;
  10173. -webkit-font-smoothing: antialiased;
  10174. -moz-osx-font-smoothing: grayscale;
  10175. content: "\f105";
  10176. -webkit-transition: -webkit-transform .2s linear;
  10177. transition: transform .2s linear;
  10178. position: absolute;
  10179. right: 10px;
  10180. top: 50%;
  10181. margin-top: -0.8rem;
  10182. }
  10183. .am-accordion-one .am-accordion-title:hover {
  10184. color: #15afef;
  10185. }
  10186. .am-accordion-one .am-accordion-content {
  10187. color: #666666;
  10188. }
  10189. .am-accordion-one .am-active .am-accordion-title {
  10190. background-color: #f8f8f8;
  10191. color: #15afef;
  10192. }
  10193. .am-accordion-one .am-active .am-accordion-title:after {
  10194. -webkit-transform: rotate(90deg);
  10195. -ms-transform: rotate(90deg);
  10196. transform: rotate(90deg);
  10197. }
  10198. /**
  10199. * Divider Theme: default
  10200. */
  10201. .am-divider-default {
  10202. height: 1px;
  10203. border: none;
  10204. margin: 1.5rem auto;
  10205. overflow: hidden;
  10206. background-color: #dddddd;
  10207. clear: both;
  10208. }
  10209. /**
  10210. * Divider Theme: one
  10211. */
  10212. .am-divider-one {
  10213. height: 10px;
  10214. border: none;
  10215. overflow: hidden;
  10216. clear: both;
  10217. margin: 0;
  10218. }
  10219. .am-figure-zoomable {
  10220. position: relative;
  10221. cursor: pointer;
  10222. }
  10223. .am-figure-zoomable:after {
  10224. display: inline-block;
  10225. font-family: "FontAwesome", sans-serif;
  10226. font-weight: normal;
  10227. font-style: normal;
  10228. vertical-align: baseline;
  10229. line-height: 1;
  10230. -webkit-font-smoothing: antialiased;
  10231. -moz-osx-font-smoothing: grayscale;
  10232. content: "\f00e";
  10233. position: absolute;
  10234. top: 1rem;
  10235. right: 1rem;
  10236. color: #999999;
  10237. font-size: 1.6rem;
  10238. -webkit-transition: all 0.2s;
  10239. transition: all 0.2s;
  10240. }
  10241. .am-figure-zoomable:hover:after {
  10242. color: #eeeeee;
  10243. }
  10244. .am-figure-default {
  10245. margin: 10px;
  10246. }
  10247. .am-figure-default img {
  10248. display: block;
  10249. max-width: 100%;
  10250. height: auto;
  10251. padding: 2px;
  10252. border: 1px solid #eeeeee;
  10253. margin: 10px auto;
  10254. }
  10255. .am-figure-default figcaption {
  10256. text-align: center;
  10257. font-size: 1.4rem;
  10258. margin-bottom: 15px;
  10259. color: #333333;
  10260. }
  10261. /**
  10262. * Figure theme: one
  10263. */
  10264. .am-figure-one {
  10265. margin: 0 10px;
  10266. background: #ffffff;
  10267. }
  10268. .am-figure-one img {
  10269. display: block;
  10270. max-width: 100%;
  10271. height: auto;
  10272. padding: 2px;
  10273. border: 1px solid #dfdfdf;
  10274. }
  10275. .am-figure-one figcaption {
  10276. text-align: center;
  10277. font-size: 1.4rem;
  10278. padding: 10px 0;
  10279. color: #888888;
  10280. }
  10281. .am-footer {
  10282. text-align: center;
  10283. padding: 1em 0;
  10284. font-size: 1.6rem;
  10285. }
  10286. .am-footer .am-switch-mode-ysp {
  10287. cursor: pointer;
  10288. }
  10289. .am-footer .am-footer-text {
  10290. margin-top: 10px;
  10291. font-size: 14px;
  10292. }
  10293. .am-footer .am-footer-text-left {
  10294. text-align: left;
  10295. padding-left: 10px;
  10296. }
  10297. .am-modal-footer-hd {
  10298. padding-bottom: 10px;
  10299. }
  10300. /**
  10301. * Footer Theme: default
  10302. */
  10303. .am-footer-default {
  10304. background-color: #ffffff;
  10305. }
  10306. .am-footer-default a {
  10307. color: #555555;
  10308. }
  10309. .am-footer-default .am-footer-switch {
  10310. margin-bottom: 10px;
  10311. font-weight: bold;
  10312. }
  10313. .am-footer-default .am-footer-ysp {
  10314. color: #555555;
  10315. cursor: pointer;
  10316. }
  10317. .am-footer-default .am-footer-divider {
  10318. color: #cccccc;
  10319. }
  10320. .am-footer-default .am-footer-desktop {
  10321. color: #0e90d2;
  10322. }
  10323. .am-footer-default .am-footer-miscs {
  10324. color: #999999;
  10325. font-size: 13px;
  10326. }
  10327. .am-footer-default .am-footer-miscs p {
  10328. margin: 5px 0;
  10329. }
  10330. @media only screen and (min-width:641px) {
  10331. .am-footer-default .am-footer-miscs p {
  10332. display: inline-block;
  10333. margin: 5px;
  10334. }
  10335. }
  10336. /**
  10337. * Footer Theme: one
  10338. */
  10339. .am-footer-one a {
  10340. color: #15afef;
  10341. font-weight: bold;
  10342. }
  10343. .am-footer-one .am-footer-switch {
  10344. margin-bottom: 10px;
  10345. }
  10346. .am-footer-one .am-footer-ysp {
  10347. color: #15afef;
  10348. cursor: pointer;
  10349. }
  10350. .am-footer-one .am-footer-divider {
  10351. color: #999999;
  10352. }
  10353. .am-footer-one .am-footer-desktop {
  10354. font-weight: normal;
  10355. color: #555555;
  10356. }
  10357. .am-footer-one .am-footer-miscs {
  10358. color: #7c7c7c;
  10359. overflow: hidden;
  10360. padding: 0 10px;
  10361. font-size: 14px;
  10362. }
  10363. .am-footer-one .am-footer-miscs ul,
  10364. .am-footer-one .am-footer-miscs li {
  10365. padding-left: 0;
  10366. list-style: none;
  10367. }
  10368. .am-footer-one .am-footer-miscs p {
  10369. margin: 4px 0;
  10370. }
  10371. .am-footer-one .am-footer-miscs a {
  10372. font-weight: normal;
  10373. color: #555555;
  10374. margin: 0 1px;
  10375. }
  10376. .am-footer-one .am-footer-miscs img {
  10377. display: block;
  10378. max-width: 100%;
  10379. margin: 0 auto 2px auto;
  10380. }
  10381. @media only screen and (min-width:641px) {
  10382. .am-footer-one .am-footer-miscs p {
  10383. display: inline-block;
  10384. margin: 5px;
  10385. }
  10386. }
  10387. .am-gallery {
  10388. padding: 5px 5px 0 5px;
  10389. list-style: none;
  10390. }
  10391. .am-gallery h3 {
  10392. margin: 0;
  10393. }
  10394. [data-am-gallery*='pureview'] img {
  10395. cursor: pointer;
  10396. }
  10397. /**
  10398. * Gallery Theme: default
  10399. * Author: Minwe (minwe@yunshipei.com)
  10400. */
  10401. .am-gallery-default > li {
  10402. padding: 5px;
  10403. }
  10404. .am-gallery-default .am-gallery-item img {
  10405. width: 100%;
  10406. height: auto;
  10407. }
  10408. .am-gallery-default .am-gallery-title {
  10409. margin-top: 10px;
  10410. font-weight: normal;
  10411. font-size: 1.4rem;
  10412. display: block;
  10413. word-wrap: normal;
  10414. /* for IE */
  10415. text-overflow: ellipsis;
  10416. white-space: nowrap;
  10417. overflow: hidden;
  10418. color: #555555;
  10419. }
  10420. .am-gallery-default .am-gallery-desc {
  10421. color: #999999;
  10422. font-size: 1.2rem;
  10423. }
  10424. /**
  10425. * Gallery Theme: overlay
  10426. * Author: Minwe (minwe@yunshipei.com)
  10427. */
  10428. .am-gallery-overlay > li {
  10429. padding: 5px;
  10430. }
  10431. .am-gallery-overlay .am-gallery-item {
  10432. position: relative;
  10433. }
  10434. .am-gallery-overlay .am-gallery-item img {
  10435. width: 100%;
  10436. height: auto;
  10437. }
  10438. .am-gallery-overlay .am-gallery-title {
  10439. font-weight: normal;
  10440. font-size: 1.4rem;
  10441. color: #ffffff;
  10442. position: absolute;
  10443. bottom: 0;
  10444. width: 100%;
  10445. background-color: rgba(0, 0, 0, 0.5);
  10446. text-indent: 5px;
  10447. height: 30px;
  10448. line-height: 30px;
  10449. display: block;
  10450. word-wrap: normal;
  10451. /* for IE */
  10452. text-overflow: ellipsis;
  10453. white-space: nowrap;
  10454. overflow: hidden;
  10455. }
  10456. .am-gallery-overlay .am-gallery-desc {
  10457. display: none;
  10458. }
  10459. /**
  10460. * Accordion Theme: bordered
  10461. * Author: Minwe (minwe@yunshipei.com)
  10462. */
  10463. .am-gallery-bordered > li {
  10464. padding: 5px;
  10465. }
  10466. .am-gallery-bordered .am-gallery-item {
  10467. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10468. box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10469. padding: 5px;
  10470. }
  10471. .am-gallery-bordered .am-gallery-item img {
  10472. width: 100%;
  10473. height: auto;
  10474. }
  10475. .am-gallery-bordered .am-gallery-title {
  10476. margin-top: 10px;
  10477. font-weight: normal;
  10478. font-size: 1.4rem;
  10479. color: #555555;
  10480. display: block;
  10481. word-wrap: normal;
  10482. /* for IE */
  10483. text-overflow: ellipsis;
  10484. white-space: nowrap;
  10485. overflow: hidden;
  10486. }
  10487. .am-gallery-bordered .am-gallery-desc {
  10488. color: #999999;
  10489. font-size: 1.2rem;
  10490. }
  10491. /**
  10492. * Gallery Theme: imgbordered
  10493. * Author: Minwe (minwe@yunshipei.com)
  10494. */
  10495. .am-gallery-imgbordered > li {
  10496. padding: 5px;
  10497. }
  10498. .am-gallery-imgbordered .am-gallery-item img {
  10499. width: 100%;
  10500. height: auto;
  10501. border: 3px solid #FFF;
  10502. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10503. box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  10504. }
  10505. .am-gallery-imgbordered .am-gallery-title {
  10506. margin-top: 10px;
  10507. font-weight: normal;
  10508. font-size: 1.4rem;
  10509. color: #555555;
  10510. display: block;
  10511. word-wrap: normal;
  10512. /* for IE */
  10513. text-overflow: ellipsis;
  10514. white-space: nowrap;
  10515. overflow: hidden;
  10516. }
  10517. .am-gallery-imgbordered .am-gallery-desc {
  10518. color: #999999;
  10519. font-size: 1.2rem;
  10520. }
  10521. /**
  10522. * Gallery Theme: one
  10523. * Author: hzp (hzp@yunshipei.com)
  10524. */
  10525. .am-gallery-one {
  10526. padding: 0 5px;
  10527. background-color: #ffffff;
  10528. }
  10529. .am-gallery-one > li {
  10530. padding: 5px;
  10531. }
  10532. .am-gallery-one .am-gallery-item {
  10533. padding: 5px;
  10534. }
  10535. .am-gallery-one .am-gallery-item img {
  10536. width: 100%;
  10537. height: auto;
  10538. }
  10539. .am-gallery-one .am-gallery-title {
  10540. line-height: 34px;
  10541. font-weight: normal;
  10542. font-size: 1.4rem;
  10543. display: block;
  10544. word-wrap: normal;
  10545. /* for IE */
  10546. text-overflow: ellipsis;
  10547. white-space: nowrap;
  10548. overflow: hidden;
  10549. color: #555555;
  10550. }
  10551. .am-gallery-one .am-gallery-desc {
  10552. color: #999999;
  10553. font-size: 1.2rem;
  10554. }
  10555. .am-gallery-one .am-gallery-more {
  10556. width: 100%;
  10557. }
  10558. .am-gallery-one .am-gallery-more a {
  10559. background-color: #dfdfdf;
  10560. color: #555555;
  10561. height: 35px;
  10562. line-height: 35px;
  10563. font-size: 1.4rem;
  10564. display: block;
  10565. text-align: center;
  10566. }
  10567. .am-gotop a {
  10568. display: inline-block;
  10569. text-decoration: none;
  10570. }
  10571. /**
  10572. * Gotop Theme: default
  10573. */
  10574. .am-gotop-default {
  10575. text-align: center;
  10576. margin: 10px 0;
  10577. }
  10578. .am-gotop-default a {
  10579. background-color: #0e90d2;
  10580. padding: .5em 1.5em;
  10581. border-radius: 0;
  10582. color: #ffffff;
  10583. }
  10584. .am-gotop-default a img {
  10585. display: none;
  10586. }
  10587. /**
  10588. * Gotop Theme: fixed
  10589. */
  10590. .am-gotop-fixed {
  10591. position: fixed;
  10592. right: 10px;
  10593. bottom: 10px;
  10594. z-index: 1010;
  10595. opacity: 0;
  10596. width: 32px;
  10597. min-height: 32px;
  10598. overflow: hidden;
  10599. border-radius: 0;
  10600. text-align: center;
  10601. }
  10602. .am-gotop-fixed.am-active {
  10603. opacity: .9;
  10604. }
  10605. .am-gotop-fixed.am-active:hover {
  10606. opacity: 1;
  10607. }
  10608. .am-gotop-fixed a {
  10609. display: block;
  10610. }
  10611. .am-gotop-fixed .am-gotop-title {
  10612. display: none;
  10613. }
  10614. .am-gotop-fixed .am-gotop-icon-custom {
  10615. display: inline-block;
  10616. max-width: 30px;
  10617. vertical-align: middle;
  10618. }
  10619. .am-gotop-fixed .am-gotop-icon {
  10620. width: 100%;
  10621. line-height: 32px;
  10622. background-color: #555555;
  10623. vertical-align: middle;
  10624. color: #dddddd;
  10625. }
  10626. .am-gotop-fixed .am-gotop-icon:hover {
  10627. color: #ffffff;
  10628. }
  10629. .am-with-fixed-navbar .am-gotop-fixed {
  10630. bottom: 60px;
  10631. }
  10632. /**
  10633. * Gotop Theme: one
  10634. */
  10635. .am-gotop-one {
  10636. position: fixed;
  10637. right: 10px;
  10638. bottom: 10px;
  10639. z-index: 1005;
  10640. width: 32px;
  10641. height: 32px;
  10642. background-color: #ffffff;
  10643. border-radius: 0;
  10644. border: 1px solid #15afef;
  10645. text-align: center;
  10646. }
  10647. .am-gotop-one .am-gotop-title {
  10648. display: none;
  10649. }
  10650. .am-gotop-one .am-gotop-icon {
  10651. vertical-align: middle;
  10652. display: inline-block;
  10653. color: #15afef;
  10654. }
  10655. .am-with-fixed-navbar .am-gotop-one {
  10656. bottom: 60px;
  10657. }
  10658. .am-header {
  10659. position: relative;
  10660. width: 100%;
  10661. height: 49px;
  10662. line-height: 49px;
  10663. padding: 0 10px;
  10664. }
  10665. .am-header h1 {
  10666. margin-top: 0;
  10667. margin-bottom: 0;
  10668. }
  10669. .am-header .am-header-title {
  10670. margin: 0 30%;
  10671. font-size: 2rem;
  10672. font-weight: normal;
  10673. text-align: center;
  10674. display: block;
  10675. word-wrap: normal;
  10676. /* for IE */
  10677. text-overflow: ellipsis;
  10678. white-space: nowrap;
  10679. overflow: hidden;
  10680. }
  10681. .am-header .am-header-title img {
  10682. margin-top: 12px;
  10683. height: 25px;
  10684. vertical-align: top;
  10685. }
  10686. .am-header .am-header-nav {
  10687. position: absolute;
  10688. top: 0;
  10689. }
  10690. .am-header .am-header-nav img {
  10691. height: 16px;
  10692. width: auto;
  10693. vertical-align: middle;
  10694. }
  10695. .am-header .am-header-left {
  10696. left: 10px;
  10697. }
  10698. .am-header .am-header-right {
  10699. right: 10px;
  10700. }
  10701. .am-header-fixed {
  10702. position: fixed;
  10703. top: 0;
  10704. left: 0;
  10705. right: 0;
  10706. width: 100%;
  10707. z-index: 1010;
  10708. }
  10709. .am-with-fixed-header {
  10710. padding-top: 49px;
  10711. }
  10712. /**
  10713. * Header Theme: default
  10714. */
  10715. .am-header-default {
  10716. background-color: #0e90d2;
  10717. }
  10718. .am-header-default .am-header-title {
  10719. color: #ffffff;
  10720. }
  10721. .am-header-default .am-header-title a {
  10722. color: #ffffff;
  10723. }
  10724. .am-header-default .am-header-icon {
  10725. font-size: 20px;
  10726. }
  10727. .am-header-default .am-header-nav {
  10728. color: #eeeeee;
  10729. }
  10730. .am-header-default .am-header-nav > a {
  10731. display: inline-block;
  10732. min-width: 36px;
  10733. text-align: center;
  10734. color: #eeeeee;
  10735. }
  10736. .am-header-default .am-header-nav > a + a {
  10737. margin-left: 5px;
  10738. }
  10739. .am-header-default .am-header-nav .am-btn {
  10740. margin-top: 9px;
  10741. height: 31px;
  10742. padding: 0 0.5em;
  10743. line-height: 30px;
  10744. font-size: 14px;
  10745. vertical-align: top;
  10746. }
  10747. .am-header-default .am-header-nav .am-btn .am-header-icon {
  10748. font-size: inherit;
  10749. }
  10750. .am-header-default .am-header-nav .am-btn-default {
  10751. color: #999999;
  10752. }
  10753. .am-header-default .am-header-nav-title,
  10754. .am-header-default .am-header-nav-title + .am-header-icon {
  10755. font-size: 14px;
  10756. }
  10757. /**
  10758. * Header Theme: one
  10759. */
  10760. .am-header-one {
  10761. background: #ffffff;
  10762. }
  10763. .am-header-one .am-header-title {
  10764. margin: 0 15%;
  10765. color: #333333;
  10766. display: block;
  10767. word-wrap: normal;
  10768. /* for IE */
  10769. text-overflow: ellipsis;
  10770. white-space: nowrap;
  10771. overflow: hidden;
  10772. }
  10773. .am-header-one .am-header-title a {
  10774. color: #333333;
  10775. }
  10776. .am-header-one .am-header-title img {
  10777. height: 34px;
  10778. width: auto;
  10779. margin-top: 8px;
  10780. vertical-align: top;
  10781. }
  10782. .am-header-one .am-header-nav > a {
  10783. color: #15afef;
  10784. }
  10785. .am-intro {
  10786. position: relative;
  10787. }
  10788. .am-intro-hd {
  10789. position: relative;
  10790. height: 45px;
  10791. line-height: 45px;
  10792. }
  10793. .am-intro-title {
  10794. font-size: 18px;
  10795. margin: 0;
  10796. font-weight: bold;
  10797. }
  10798. .am-intro-more-top {
  10799. position: absolute;
  10800. right: 10px;
  10801. top: 0;
  10802. font-size: 1.4rem;
  10803. }
  10804. .am-intro-bd {
  10805. padding-top: 15px;
  10806. padding-bottom: 15px;
  10807. font-size: 1.4rem;
  10808. }
  10809. .am-intro-bd p:last-child {
  10810. margin-bottom: 0;
  10811. }
  10812. .am-intro-more-bottom {
  10813. clear: both;
  10814. text-align: center;
  10815. }
  10816. .am-intro-more-bottom .am-btn {
  10817. font-size: 14px;
  10818. }
  10819. /**
  10820. * Intro Theme: default
  10821. */
  10822. .am-intro-default .am-intro-hd {
  10823. background-color: #0e90d2;
  10824. color: #ffffff;
  10825. padding: 0 10px;
  10826. }
  10827. .am-intro-default .am-intro-hd a {
  10828. color: #eeeeee;
  10829. }
  10830. .am-intro-default .am-intro-right {
  10831. padding-left: 0;
  10832. }
  10833. /**
  10834. * Intro Theme: one
  10835. */
  10836. .am-intro-one {
  10837. padding-bottom: 10px;
  10838. background-color: #ffffff;
  10839. }
  10840. .am-intro-one a {
  10841. color: #15afef;
  10842. }
  10843. .am-intro-one .am-intro-hd {
  10844. border-bottom: 1px solid #15afef;
  10845. margin-left: 10px;
  10846. margin-right: 10px;
  10847. line-height: 44px;
  10848. }
  10849. .am-intro-one .am-intro-title {
  10850. color: #333333;
  10851. padding-left: 10px;
  10852. }
  10853. .am-intro-one .am-intro-title:before {
  10854. position: absolute;
  10855. left: 1px;
  10856. top: 10px;
  10857. bottom: 10px;
  10858. content: '';
  10859. width: 3px;
  10860. background-color: #15afef;
  10861. display: block;
  10862. }
  10863. .am-intro-one .am-intro-bd {
  10864. color: #555555;
  10865. }
  10866. .am-intro-one .am-intro-left {
  10867. float: left;
  10868. display: inline;
  10869. }
  10870. .am-intro-one .am-intro-right {
  10871. display: inline;
  10872. padding-left: 0;
  10873. font-size: 1.4rem;
  10874. }
  10875. .am-intro-one .am-intro-right p {
  10876. display: inline;
  10877. margin: 0;
  10878. padding: 0;
  10879. }
  10880. .am-list-news-hd {
  10881. padding-top: 1.2rem;
  10882. padding-bottom: 0.8rem;
  10883. }
  10884. .am-list-news-hd a {
  10885. display: block;
  10886. }
  10887. .am-list-news-hd h2 {
  10888. font-size: 1.6rem;
  10889. float: left;
  10890. margin: 0;
  10891. height: 2rem;
  10892. line-height: 2rem;
  10893. }
  10894. .am-list-news-hd h3 {
  10895. margin: 0;
  10896. }
  10897. .am-list-news-hd .am-list-news-more {
  10898. font-size: 1.3rem;
  10899. height: 2rem;
  10900. line-height: 2rem;
  10901. }
  10902. .am-list .am-list-item-dated a {
  10903. padding-right: 80px;
  10904. display: block;
  10905. word-wrap: normal;
  10906. /* for IE */
  10907. text-overflow: ellipsis;
  10908. white-space: nowrap;
  10909. overflow: hidden;
  10910. }
  10911. .am-list .am-list-item-dated a::after {
  10912. display: none;
  10913. }
  10914. .am-list .am-list-item-desced a,
  10915. .am-list .am-list-item-thumbed a {
  10916. padding-right: 0;
  10917. }
  10918. .am-list-news .am-list-item-hd {
  10919. margin: 0;
  10920. }
  10921. .am-list-date {
  10922. position: absolute;
  10923. right: 5px;
  10924. font-size: 1.3rem;
  10925. top: 1.3rem;
  10926. }
  10927. .am-list-item-desced {
  10928. padding-bottom: 1rem;
  10929. }
  10930. .am-list-item-desced > a {
  10931. padding: 1rem 0;
  10932. }
  10933. .am-list-item-desced .am-list-date {
  10934. position: static;
  10935. }
  10936. .am-list-item-thumbed {
  10937. padding-top: 1em;
  10938. }
  10939. .am-list-news-ft {
  10940. text-align: center;
  10941. }
  10942. /**
  10943. * list_news Theme: default
  10944. */
  10945. .am-list-news-default {
  10946. margin: 10px;
  10947. }
  10948. .am-list-news-default .am-g {
  10949. margin-left: auto;
  10950. margin-right: auto;
  10951. }
  10952. .am-list-news-default .am-list-item-hd {
  10953. font-weight: normal;
  10954. }
  10955. .am-list-news-default .am-list-date {
  10956. color: #999999;
  10957. }
  10958. .am-list-news-default .am-list > li {
  10959. border-color: #dedede;
  10960. }
  10961. .am-list-news-default .am-list .am-list-item-desced {
  10962. padding-top: 1rem;
  10963. padding-bottom: 1rem;
  10964. }
  10965. .am-list-news-default .am-list .am-list-item-desced > a {
  10966. padding: 0;
  10967. }
  10968. .am-list-news-default .am-list .am-list-item-desced .am-list-item-text {
  10969. margin-top: 0.5rem;
  10970. color: #757575;
  10971. }
  10972. .am-list-news-default .am-list .am-list-item-text {
  10973. overflow: hidden;
  10974. text-overflow: ellipsis;
  10975. display: -webkit-box;
  10976. -webkit-box-orient: vertical;
  10977. line-height: 1.3em;
  10978. -webkit-line-clamp: 2;
  10979. /* number of lines to show */
  10980. max-height: 2.6em;
  10981. }
  10982. .am-list-news-default .am-list .am-list-item-thumb-top .am-list-thumb {
  10983. padding: 0;
  10984. margin-bottom: 0.8rem;
  10985. }
  10986. .am-list-news-default .am-list .am-list-item-thumb-top .am-list-main {
  10987. padding: 0;
  10988. }
  10989. .am-list-news-default .am-list .am-list-item-thumb-left .am-list-thumb {
  10990. padding-left: 0;
  10991. }
  10992. .am-list-news-default .am-list .am-list-item-desced .am-list-main {
  10993. padding: 0;
  10994. }
  10995. .am-list-news-default .am-list .am-list-item-thumb-right .am-list-thumb {
  10996. padding-right: 0;
  10997. }
  10998. .am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-item-hd {
  10999. clear: both;
  11000. padding-bottom: 0.5rem;
  11001. }
  11002. .am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-thumb {
  11003. padding-left: 0;
  11004. }
  11005. .am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-item-hd {
  11006. clear: both;
  11007. padding-bottom: 0.5rem;
  11008. }
  11009. .am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-thumb {
  11010. padding-right: 0;
  11011. }
  11012. .am-list-news-default .am-list .am-list-thumb img {
  11013. width: 100%;
  11014. display: block;
  11015. }
  11016. @media only screen and (max-width: 640px) {
  11017. .am-list-news-default .am-list-item-thumb-left .am-list-thumb,
  11018. .am-list-news-default .am-list-item-thumb-right .am-list-thumb {
  11019. max-height: 80px;
  11020. overflow: hidden;
  11021. }
  11022. .am-list-news-default .am-list-item-thumb-bottom-left .am-list-item-text,
  11023. .am-list-news-default .am-list-item-thumb-bottom-right .am-list-item-text {
  11024. -webkit-line-clamp: 3;
  11025. /* number of lines to show */
  11026. max-height: 3.9em;
  11027. }
  11028. .am-list-news-default .am-list-item-thumb-bottom-left .am-list-thumb,
  11029. .am-list-news-default .am-list-item-thumb-bottom-right .am-list-thumb {
  11030. max-height: 60px;
  11031. overflow: hidden;
  11032. }
  11033. }
  11034. /**
  11035. * list_news Theme: one
  11036. * Author: hzp (hzp@yunshipei.com)
  11037. */
  11038. .am-list-news-one {
  11039. margin: 0 10px;
  11040. }
  11041. .am-list-news-one .am-list-news-hd {
  11042. background: #ffffff;
  11043. height: 40px;
  11044. line-height: 40px;
  11045. border-bottom: 1px solid #15afef;
  11046. padding: 0 0 0 10px;
  11047. margin: 0;
  11048. position: relative;
  11049. color: #000000;
  11050. }
  11051. .am-list-news-one .am-list-news-hd::before {
  11052. width: 4px;
  11053. height: 30px;
  11054. background: #15afef;
  11055. display: inline-block;
  11056. content: '';
  11057. position: absolute;
  11058. top: 5px;
  11059. left: 0;
  11060. }
  11061. .am-list-news-one .am-list-news-hd > a {
  11062. color: #000000;
  11063. display: inline;
  11064. }
  11065. .am-list-news-one .am-list-news-hd > a .am-list-news-more {
  11066. color: #888888;
  11067. padding: 0;
  11068. margin-right: 5px;
  11069. background: none;
  11070. font-size: 1.4rem;
  11071. height: 40px;
  11072. line-height: 40px;
  11073. }
  11074. .am-list-news-one .am-list-news-hd h2 {
  11075. font-weight: normal;
  11076. float: left;
  11077. line-height: 40px;
  11078. height: 40px;
  11079. }
  11080. .am-list-news-one .am-list-news-bd {
  11081. padding: 0px 5px 4px 5px;
  11082. background: #ffffff;
  11083. }
  11084. .am-list-news-one .am-list {
  11085. margin-bottom: 0;
  11086. }
  11087. .am-list-news-one .am-list > li {
  11088. margin: 0;
  11089. border: 0;
  11090. overflow: hidden;
  11091. }
  11092. .am-list-news-one .am-list > li > a {
  11093. color: #222222;
  11094. font-weight: normal;
  11095. display: block;
  11096. word-wrap: normal;
  11097. /* for IE */
  11098. text-overflow: ellipsis;
  11099. white-space: nowrap;
  11100. overflow: hidden;
  11101. height: 30px;
  11102. line-height: 30px;
  11103. padding: 0;
  11104. position: relative;
  11105. text-indent: 10px;
  11106. }
  11107. .am-list-news-one .am-list > li > a:before {
  11108. width: 4px;
  11109. height: 4px;
  11110. background: #15afef;
  11111. display: inline-block;
  11112. content: '';
  11113. position: absolute;
  11114. top: 14px;
  11115. left: 0;
  11116. }
  11117. .am-list-news-one .am-list > li .am-list-date {
  11118. color: #666666;
  11119. top: 5px;
  11120. right: 0;
  11121. display: none;
  11122. }
  11123. .am-list-news-one .am-list > li:last-child {
  11124. border-bottom: 0;
  11125. }
  11126. .am-list-news-one .am-list .am-list-item-dated > a {
  11127. color: #222222;
  11128. }
  11129. .am-list-news-one .am-list .am-list-item-desced {
  11130. padding: 3px 0;
  11131. border-bottom: 1px dashed #dfdfdf;
  11132. }
  11133. .am-list-news-one .am-list .am-list-item-desced:before {
  11134. display: none;
  11135. }
  11136. .am-list-news-one .am-list .am-list-item-desced .am-list-item-hd {
  11137. font-weight: normal;
  11138. font-size: 1.5rem;
  11139. margin-bottom: 0;
  11140. }
  11141. .am-list-news-one .am-list .am-list-item-desced .am-list-item-hd > a:before {
  11142. display: none;
  11143. }
  11144. .am-list-news-one .am-list .am-list-item-desced a.am-list-item-hd {
  11145. height: 34px;
  11146. line-height: 34px;
  11147. padding: 0;
  11148. color: #15afef;
  11149. display: block;
  11150. word-wrap: normal;
  11151. /* for IE */
  11152. text-overflow: ellipsis;
  11153. white-space: nowrap;
  11154. overflow: hidden;
  11155. text-indent: 0;
  11156. }
  11157. .am-list-news-one .am-list .am-list-item-desced a.am-list-item-hd:before {
  11158. display: none;
  11159. }
  11160. .am-list-news-one .am-list .am-list-item-desced .am-list-item-text {
  11161. color: #666666;
  11162. line-height: 22px;
  11163. font-size: 1.4rem;
  11164. max-height: none;
  11165. margin-bottom: 8px;
  11166. }
  11167. .am-list-news-one .am-list .am-list-item-desced .am-list-item-text a {
  11168. color: #666666;
  11169. }
  11170. .am-list-news-one .am-list .am-list-item-desced .am-list-main {
  11171. padding: 0 5px;
  11172. position: relative;
  11173. }
  11174. .am-list-news-one .am-list .am-list-item-desced .am-list-main .am-list-date {
  11175. position: absolute;
  11176. right: 5px;
  11177. top: 3.5rem;
  11178. font-size: 1.2rem;
  11179. color: #888888;
  11180. }
  11181. .am-list-news-one .am-list .am-list-item-desced .am-list-main .am-list-item-text {
  11182. max-height: 3rem;
  11183. overflow: hidden;
  11184. font-size: 1.2rem;
  11185. line-height: 18px;
  11186. color: #666666;
  11187. }
  11188. .am-list-news-one .am-list .am-list-item-desced .am-list-main .am-list-item-text a {
  11189. color: #666666;
  11190. }
  11191. .am-list-news-one .am-list .am-list-item-thumbed {
  11192. border-bottom: 1px dashed #dfdfdf;
  11193. padding: 0 0 5px 0;
  11194. }
  11195. .am-list-news-one .am-list .am-list-item-thumbed:before {
  11196. content: none;
  11197. }
  11198. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-hd {
  11199. font-weight: normal;
  11200. height: 30px;
  11201. line-height: 30px;
  11202. margin-bottom: 0;
  11203. }
  11204. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-hd a {
  11205. font-size: 1.5rem;
  11206. color: #15afef;
  11207. display: block;
  11208. word-wrap: normal;
  11209. /* for IE */
  11210. text-overflow: ellipsis;
  11211. white-space: nowrap;
  11212. overflow: hidden;
  11213. padding: 0;
  11214. text-indent: 0;
  11215. }
  11216. .am-list-news-one .am-list .am-list-item-thumbed .am-list-thumb {
  11217. padding: 0;
  11218. height: 60px;
  11219. }
  11220. .am-list-news-one .am-list .am-list-item-thumbed .am-list-thumb a {
  11221. width: 100%;
  11222. display: block;
  11223. padding: 0;
  11224. text-indent: 0;
  11225. height: 60px;
  11226. }
  11227. .am-list-news-one .am-list .am-list-item-thumbed .am-list-thumb a img {
  11228. width: 100%;
  11229. height: 60px;
  11230. vertical-align: top;
  11231. }
  11232. .am-list-news-one .am-list .am-list-item-thumbed .am-list-main {
  11233. padding: 0 5px 14px 5px;
  11234. position: relative;
  11235. }
  11236. .am-list-news-one .am-list .am-list-item-thumbed .am-list-date {
  11237. position: absolute;
  11238. right: 5px;
  11239. top: 3.5rem;
  11240. font-size: 1.2rem;
  11241. color: #888888;
  11242. }
  11243. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-text {
  11244. max-height: 3rem;
  11245. overflow: hidden;
  11246. font-size: 1.2rem;
  11247. line-height: 18px;
  11248. color: #666666;
  11249. }
  11250. .am-list-news-one .am-list .am-list-item-thumbed .am-list-item-text a {
  11251. color: #666666;
  11252. }
  11253. .am-list-news-one .am-list-news-more {
  11254. background: #dfdfdf;
  11255. color: #666666;
  11256. height: 35px;
  11257. line-height: 35px;
  11258. font-size: 1.4rem;
  11259. display: block;
  11260. border: 0;
  11261. border-radius: 0;
  11262. padding: 0;
  11263. }
  11264. @media only screen and (max-width: 640px) {
  11265. .am-list-news-one .am-list-item-thumb-left .am-list-thumb,
  11266. .am-list-news-one .am-list-item-thumb-right .am-list-thumb {
  11267. max-height: 80px;
  11268. overflow: hidden;
  11269. }
  11270. .am-list-news-one .am-list-item-thumb-bottom-left .am-list-item-text,
  11271. .am-list-news-one .am-list-item-thumb-bottom-right .am-list-item-text {
  11272. -webkit-line-clamp: 3;
  11273. /* number of lines to show */
  11274. max-height: 3.9em;
  11275. }
  11276. .am-list-news-one .am-list-item-thumb-bottom-left .am-list-thumb,
  11277. .am-list-news-one .am-list-item-thumb-bottom-right .am-list-thumb {
  11278. max-height: 60px;
  11279. overflow: hidden;
  11280. }
  11281. }
  11282. .am-map {
  11283. width: 100%;
  11284. height: 300px;
  11285. }
  11286. /**
  11287. * Accordion Theme: default
  11288. * Author: Hzp (hzp@yunshipei.com)
  11289. */
  11290. .am-map-default #bd-map {
  11291. width: 100%;
  11292. height: 100%;
  11293. overflow: hidden;
  11294. margin: 0;
  11295. font-size: 14px;
  11296. line-height: 1.4!important;
  11297. }
  11298. .am-map-default .BMap_bubble_title {
  11299. font-weight: bold;
  11300. }
  11301. .am-map-default #BMap_mask {
  11302. width: 100%;
  11303. }
  11304. .am-mechat {
  11305. margin: 1rem;
  11306. }
  11307. .am-mechat .section-cbox-wap .cbox-post-wap .post-action-wap .action-function-wap .function-list-wap .list-upload-wap .upload-mutual-wap {
  11308. -webkit-box-sizing: content-box;
  11309. box-sizing: content-box;
  11310. }
  11311. .am-menu {
  11312. position: relative;
  11313. padding: 0;
  11314. margin: 0;
  11315. }
  11316. .am-menu ul {
  11317. padding: 0;
  11318. margin: 0;
  11319. }
  11320. .am-menu li {
  11321. list-style: none;
  11322. }
  11323. .am-menu a:after,
  11324. .am-menu a:before {
  11325. display: inline-block;
  11326. font-family: "FontAwesome", sans-serif;
  11327. font-weight: normal;
  11328. font-style: normal;
  11329. vertical-align: baseline;
  11330. line-height: 1;
  11331. -webkit-font-smoothing: antialiased;
  11332. -moz-osx-font-smoothing: grayscale;
  11333. }
  11334. .am-menu-sub {
  11335. z-index: 1050;
  11336. }
  11337. .am-menu-toggle {
  11338. display: none;
  11339. }
  11340. .am-menu-toggle img {
  11341. display: inline-block;
  11342. height: 16px;
  11343. width: auto;
  11344. vertical-align: middle;
  11345. }
  11346. .am-menu-nav a {
  11347. display: block;
  11348. padding: 0.8rem 0;
  11349. -webkit-transition: all 0.45s;
  11350. transition: all 0.45s;
  11351. }
  11352. /**
  11353. * Menu Theme: default
  11354. * Author: Minwe (minwe@yunshipei.com)
  11355. */
  11356. .am-menu-default .am-menu-nav {
  11357. padding-top: 8px;
  11358. padding-bottom: 8px;
  11359. }
  11360. .am-menu-default .am-menu-nav a {
  11361. text-align: center;
  11362. height: 36px;
  11363. line-height: 36px;
  11364. display: block;
  11365. word-wrap: normal;
  11366. /* for IE */
  11367. text-overflow: ellipsis;
  11368. white-space: nowrap;
  11369. overflow: hidden;
  11370. padding: 0;
  11371. color: #0e90d2;
  11372. }
  11373. .am-menu-default .am-menu-nav > .am-parent > a {
  11374. position: relative;
  11375. -webkit-transition: .15s;
  11376. transition: .15s;
  11377. }
  11378. .am-menu-default .am-menu-nav > .am-parent > a:after {
  11379. content: "\f107";
  11380. margin-left: 5px;
  11381. -webkit-transition: .15s;
  11382. transition: .15s;
  11383. }
  11384. .am-menu-default .am-menu-nav > .am-parent > a:before {
  11385. position: absolute;
  11386. top: 100%;
  11387. margin-top: -16px;
  11388. left: 50%;
  11389. margin-left: -12px;
  11390. content: "\f0d8";
  11391. display: none;
  11392. color: #f1f1f1;
  11393. font-size: 24px;
  11394. }
  11395. .am-menu-default .am-menu-nav > .am-parent.am-open > a {
  11396. color: #095f8a;
  11397. }
  11398. .am-menu-default .am-menu-nav > .am-parent.am-open > a:before {
  11399. display: block;
  11400. }
  11401. .am-menu-default .am-menu-nav > .am-parent.am-open > a:after {
  11402. -webkit-transform: rotate(-180deg);
  11403. -ms-transform: rotate(-180deg);
  11404. transform: rotate(-180deg);
  11405. }
  11406. .am-menu-default .am-menu-sub {
  11407. position: absolute;
  11408. left: 5px;
  11409. right: 5px;
  11410. background-color: #f1f1f1;
  11411. border-radius: 0;
  11412. padding-top: 8px;
  11413. padding-bottom: 8px;
  11414. }
  11415. .am-menu-default .am-menu-sub > li > a {
  11416. color: #555555;
  11417. }
  11418. @media only screen and (min-width:641px) {
  11419. .am-menu-default .am-menu-nav li {
  11420. width: auto;
  11421. float: left;
  11422. clear: none;
  11423. display: inline;
  11424. }
  11425. .am-menu-default .am-menu-nav a {
  11426. padding-left: 1.5rem;
  11427. padding-right: .5rem;
  11428. }
  11429. }
  11430. /**
  11431. /**
  11432. * Menu Theme: dropdown1
  11433. * Author: Minwe (minwe@yunshipei.com)
  11434. */
  11435. .am-menu-dropdown1 {
  11436. position: relative
  11437. /*@media @medium-up {
  11438. .am-menu-toggle {
  11439. display: none!important;
  11440. }
  11441. .am-menu-nav {
  11442. &.am-collapse {
  11443. display: block;
  11444. }
  11445. .am-menu-sub {
  11446. background-color: ;//@menu-sub-bg;
  11447. display: block;
  11448. & > li {
  11449. clear: none;
  11450. }
  11451. }
  11452. .am-menu-lv2 {
  11453. & > li {
  11454. clear: none;
  11455. width: auto;
  11456. }
  11457. }
  11458. }
  11459. }*/
  11460. }
  11461. .am-menu-dropdown1 .am-menu-toggle {
  11462. position: absolute;
  11463. right: 5px;
  11464. top: -47px;
  11465. display: block;
  11466. width: 44px;
  11467. height: 44px;
  11468. line-height: 44px;
  11469. text-align: center;
  11470. color: #ffffff;
  11471. }
  11472. .am-menu-dropdown1 a {
  11473. -webkit-transition: all .4s;
  11474. transition: all .4s;
  11475. display: block;
  11476. word-wrap: normal;
  11477. /* for IE */
  11478. text-overflow: ellipsis;
  11479. white-space: nowrap;
  11480. overflow: hidden;
  11481. }
  11482. .am-menu-dropdown1 .am-menu-nav {
  11483. position: absolute;
  11484. left: 0;
  11485. right: 0;
  11486. z-index: 1050;
  11487. }
  11488. .am-menu-dropdown1 .am-menu-nav a {
  11489. padding: 0.8rem;
  11490. }
  11491. .am-menu-dropdown1 .am-menu-nav > li {
  11492. width: 100%;
  11493. }
  11494. .am-menu-dropdown1 .am-menu-nav > li.am-parent > a {
  11495. position: relative;
  11496. }
  11497. .am-menu-dropdown1 .am-menu-nav > li.am-parent > a::before {
  11498. content: "\f067";
  11499. position: absolute;
  11500. right: 1rem;
  11501. top: 1.4rem;
  11502. }
  11503. .am-menu-dropdown1 .am-menu-nav > li.am-parent.am-open > a {
  11504. background-color: #0c80ba;
  11505. border-bottom: none;
  11506. color: #ffffff;
  11507. }
  11508. .am-menu-dropdown1 .am-menu-nav > li.am-parent.am-open > a:before {
  11509. content: "\f068";
  11510. }
  11511. .am-menu-dropdown1 .am-menu-nav > li.am-parent.am-open > a:after {
  11512. content: "";
  11513. display: inline-block;
  11514. width: 0;
  11515. height: 0;
  11516. vertical-align: middle;
  11517. border-top: 8px solid #0c80ba;
  11518. border-right: 8px solid transparent;
  11519. border-left: 8px solid transparent;
  11520. border-bottom: 0 dotted;
  11521. -webkit-transform: rotate(360deg);
  11522. -ms-transform: rotate(360deg);
  11523. transform: rotate(360deg);
  11524. position: absolute;
  11525. top: 100%;
  11526. left: 50%;
  11527. margin-left: -4px;
  11528. }
  11529. .am-menu-dropdown1 .am-menu-nav > li > a {
  11530. border-bottom: 1px solid #0b76ac;
  11531. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11532. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11533. background-color: #0e90d2;
  11534. color: #ffffff;
  11535. height: 49px;
  11536. line-height: 49px;
  11537. padding: 0;
  11538. text-indent: 10px;
  11539. }
  11540. .am-menu-dropdown1 .am-menu-sub {
  11541. background-color: #ffffff;
  11542. }
  11543. .am-menu-dropdown1 .am-menu-sub a {
  11544. color: #555555;
  11545. height: 44px;
  11546. line-height: 44px;
  11547. text-indent: 5px;
  11548. padding: 0;
  11549. }
  11550. .am-menu-dropdown1 .am-menu-sub a:before {
  11551. content: "\f105";
  11552. color: #aaaaaa;
  11553. font-size: 16px;
  11554. margin-right: 5px;
  11555. }
  11556. /**
  11557. * Menu Theme: dropdown2
  11558. * Author: Minwe (minwe@yunshipei.com)
  11559. */
  11560. .am-menu-dropdown2 .am-menu-toggle {
  11561. position: absolute;
  11562. right: 5px;
  11563. top: -47px;
  11564. display: block;
  11565. width: 44px;
  11566. height: 44px;
  11567. line-height: 44px;
  11568. text-align: center;
  11569. color: #ffffff;
  11570. }
  11571. .am-menu-dropdown2 .am-menu-nav {
  11572. position: absolute;
  11573. left: 0;
  11574. right: 0;
  11575. background-color: #f5f5f5;
  11576. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11577. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  11578. z-index: 1050;
  11579. padding-top: 8px;
  11580. padding-bottom: 8px;
  11581. }
  11582. .am-menu-dropdown2 .am-menu-nav a {
  11583. height: 38px;
  11584. line-height: 38px;
  11585. padding: 0;
  11586. text-align: center;
  11587. }
  11588. .am-menu-dropdown2 .am-menu-nav > li > a {
  11589. color: #333333;
  11590. }
  11591. .am-menu-dropdown2 .am-menu-nav > li.am-parent > a {
  11592. position: relative;
  11593. }
  11594. .am-menu-dropdown2 .am-menu-nav > li.am-parent > a:after {
  11595. content: "\f107";
  11596. margin-left: 5px;
  11597. -webkit-transition: -webkit-transform .2s;
  11598. transition: transform .2s;
  11599. }
  11600. .am-menu-dropdown2 .am-menu-nav > li.am-parent.am-open > a {
  11601. position: relative;
  11602. }
  11603. .am-menu-dropdown2 .am-menu-nav > li.am-parent.am-open > a:after {
  11604. color: #0e90d2;
  11605. -webkit-transform: rotate(180deg);
  11606. -ms-transform: rotate(180deg);
  11607. transform: rotate(180deg);
  11608. }
  11609. .am-menu-dropdown2 .am-menu-nav > li.am-parent.am-open > a:before {
  11610. position: absolute;
  11611. top: 100%;
  11612. margin-top: -16px;
  11613. left: 50%;
  11614. margin-left: -12px;
  11615. font-size: 24px;
  11616. content: "\f0d8";
  11617. color: rgba(0, 0, 0, 0.2);
  11618. }
  11619. .am-menu-dropdown2 .am-menu-sub {
  11620. position: absolute;
  11621. left: 5px;
  11622. right: 5px;
  11623. padding: 8px 0;
  11624. border-radius: 2px;
  11625. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  11626. box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  11627. background-color: #ffffff;
  11628. z-index: 1055;
  11629. }
  11630. .am-menu-dropdown2 .am-menu-sub a {
  11631. padding: 0;
  11632. height: 35px;
  11633. color: #555555;
  11634. line-height: 35px;
  11635. }
  11636. @media only screen and (min-width:641px) {
  11637. .am-menu-dropdown2 .am-menu-toggle {
  11638. display: none !important;
  11639. }
  11640. .am-menu-dropdown2 .am-menu-nav {
  11641. position: static;
  11642. display: block;
  11643. }
  11644. .am-menu-dropdown2 .am-menu-nav > li {
  11645. float: none;
  11646. width: auto;
  11647. display: inline-block;
  11648. }
  11649. .am-menu-dropdown2 .am-menu-nav > li a {
  11650. padding-left: 1.5rem;
  11651. padding-right: 1.5rem;
  11652. }
  11653. .am-menu-dropdown2 .am-menu-sub {
  11654. left: auto;
  11655. right: auto;
  11656. }
  11657. .am-menu-dropdown2 .am-menu-sub > li {
  11658. float: none;
  11659. width: auto;
  11660. }
  11661. .am-menu-dropdown2 .am-menu-sub a {
  11662. padding-left: 2rem;
  11663. padding-right: 2rem;
  11664. }
  11665. }
  11666. /**
  11667. * Menu Theme: slide1
  11668. * Author: Minwe (minwe@yunshipei.com)
  11669. */
  11670. .am-menu-slide1 .am-menu-toggle {
  11671. position: absolute;
  11672. right: 5px;
  11673. top: -47px;
  11674. display: block;
  11675. width: 44px;
  11676. height: 44px;
  11677. line-height: 44px;
  11678. text-align: center;
  11679. color: #ffffff;
  11680. }
  11681. .am-menu-slide1 .am-menu-nav {
  11682. background-color: #f5f5f5;
  11683. padding-top: 8px;
  11684. padding-bottom: 8px;
  11685. }
  11686. .am-menu-slide1 .am-menu-nav.am-in:before {
  11687. display: inline-block;
  11688. font-family: "FontAwesome", sans-serif;
  11689. font-weight: normal;
  11690. font-style: normal;
  11691. vertical-align: baseline;
  11692. line-height: 1;
  11693. -webkit-font-smoothing: antialiased;
  11694. -moz-osx-font-smoothing: grayscale;
  11695. content: "\f0d8";
  11696. font-size: 24px;
  11697. color: #f5f5f5;
  11698. position: absolute;
  11699. right: 16px;
  11700. top: -16px;
  11701. }
  11702. .am-menu-slide1 .am-menu-nav a {
  11703. line-height: 38px;
  11704. height: 38px;
  11705. display: block;
  11706. padding: 0;
  11707. text-align: center;
  11708. }
  11709. .am-menu-slide1 .am-menu-nav > li > a {
  11710. color: #333333;
  11711. display: block;
  11712. word-wrap: normal;
  11713. /* for IE */
  11714. text-overflow: ellipsis;
  11715. white-space: nowrap;
  11716. overflow: hidden;
  11717. }
  11718. .am-menu-slide1 .am-menu-nav > .am-parent > a {
  11719. position: relative;
  11720. -webkit-transition: .15s;
  11721. transition: .15s;
  11722. }
  11723. .am-menu-slide1 .am-menu-nav > .am-parent > a:after {
  11724. content: "\f107";
  11725. margin-left: 5px;
  11726. -webkit-transition: .15s;
  11727. transition: .15s;
  11728. }
  11729. .am-menu-slide1 .am-menu-nav > .am-parent > a:before {
  11730. position: absolute;
  11731. top: 100%;
  11732. margin-top: -16px;
  11733. left: 50%;
  11734. margin-left: -12px;
  11735. content: "\f0d8";
  11736. display: none;
  11737. color: #0e90d2;
  11738. font-size: 24px;
  11739. }
  11740. .am-menu-slide1 .am-menu-nav > .am-parent.am-open > a {
  11741. color: #0e90d2;
  11742. }
  11743. .am-menu-slide1 .am-menu-nav > .am-parent.am-open > a:before {
  11744. display: block;
  11745. }
  11746. .am-menu-slide1 .am-menu-nav > .am-parent.am-open > a:after {
  11747. -webkit-transform: rotate(-180deg);
  11748. -ms-transform: rotate(-180deg);
  11749. transform: rotate(-180deg);
  11750. }
  11751. .am-menu-slide1 .am-menu-sub {
  11752. position: absolute;
  11753. left: 5px;
  11754. right: 5px;
  11755. background-color: #0e90d2;
  11756. border-radius: 0;
  11757. padding-top: 8px;
  11758. padding-bottom: 8px;
  11759. }
  11760. .am-menu-slide1 .am-menu-sub > li > a {
  11761. color: #ffffff;
  11762. }
  11763. @media only screen and (min-width:641px) {
  11764. .am-menu-slide1 .am-menu-toggle {
  11765. display: none !important;
  11766. }
  11767. .am-menu-slide1 .am-menu-nav {
  11768. background-color: #f5f5f5;
  11769. display: block;
  11770. }
  11771. .am-menu-slide1 .am-menu-nav.am-in:before {
  11772. display: none;
  11773. }
  11774. .am-menu-slide1 .am-menu-nav li {
  11775. width: auto;
  11776. clear: none;
  11777. }
  11778. .am-menu-slide1 .am-menu-nav li a {
  11779. padding-left: 1.5rem;
  11780. padding-right: 1.5rem;
  11781. }
  11782. }
  11783. /**
  11784. * Menu Theme: offcanvas1
  11785. * Author: Minwe (minwe@yunshipei.com)
  11786. */
  11787. .am-menu-offcanvas1 .am-menu-toggle {
  11788. position: absolute;
  11789. right: 5px;
  11790. top: -47px;
  11791. display: block;
  11792. width: 44px;
  11793. height: 44px;
  11794. line-height: 44px;
  11795. text-align: center;
  11796. color: #ffffff;
  11797. }
  11798. .am-menu-offcanvas1 .am-menu-nav {
  11799. border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  11800. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11801. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11802. }
  11803. .am-menu-offcanvas1 .am-menu-nav > li > a {
  11804. height: 44px;
  11805. line-height: 44px;
  11806. text-indent: 15px;
  11807. padding: 0;
  11808. position: relative;
  11809. color: #cccccc;
  11810. border-top: 1px solid rgba(0, 0, 0, 0.3);
  11811. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11812. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11813. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  11814. }
  11815. .am-menu-offcanvas1 .am-menu-nav > .am-open > a,
  11816. .am-menu-offcanvas1 .am-menu-nav > li > a:hover,
  11817. .am-menu-offcanvas1 .am-menu-nav > li > a:focus {
  11818. background-color: #474747;
  11819. color: #ffffff;
  11820. outline: none;
  11821. }
  11822. .am-menu-offcanvas1 .am-menu-nav > .am-active > a {
  11823. background-color: #1a1a1a;
  11824. color: #ffffff;
  11825. }
  11826. .am-menu-offcanvas1 .am-menu-nav > .am-parent > a {
  11827. -webkit-transition: all .3s;
  11828. transition: all .3s;
  11829. }
  11830. .am-menu-offcanvas1 .am-menu-nav > .am-parent > a:after {
  11831. content: "\f104";
  11832. position: absolute;
  11833. right: 1.5rem;
  11834. top: 1.3rem;
  11835. }
  11836. .am-menu-offcanvas1 .am-menu-nav > .am-parent.am-open > a:after {
  11837. content: "\f107";
  11838. }
  11839. .am-menu-offcanvas1 .am-menu-sub {
  11840. border-top: 1px solid rgba(0, 0, 0, 0.3);
  11841. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11842. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11843. padding: 5px 0 5px 15px;
  11844. background-color: #1a1a1a;
  11845. font-size: 1.4rem;
  11846. }
  11847. .am-menu-offcanvas1 .am-menu-sub a {
  11848. color: #eeeeee;
  11849. }
  11850. .am-menu-offcanvas1 .am-menu-sub a:hover {
  11851. color: #ffffff;
  11852. }
  11853. .am-menu-offcanvas1 .am-nav-divider {
  11854. border-top: 1px solid #1a1a1a;
  11855. }
  11856. /**
  11857. * Menu Theme: offcanvas2
  11858. * Author: Minwe (minwe@yunshipei.com)
  11859. */
  11860. .am-menu-offcanvas2 .am-menu-toggle {
  11861. position: absolute;
  11862. right: 5px;
  11863. top: -47px;
  11864. display: block;
  11865. width: 44px;
  11866. height: 44px;
  11867. line-height: 44px;
  11868. text-align: center;
  11869. color: #ffffff;
  11870. }
  11871. .am-menu-offcanvas2 .am-menu-nav {
  11872. padding: 10px 5px;
  11873. }
  11874. .am-menu-offcanvas2 .am-menu-nav > li {
  11875. padding: 5px;
  11876. }
  11877. .am-menu-offcanvas2 .am-menu-nav > li > a {
  11878. -webkit-transition: all 0.3s;
  11879. transition: all 0.3s;
  11880. background-color: #404040;
  11881. color: #cccccc;
  11882. display: block;
  11883. word-wrap: normal;
  11884. /* for IE */
  11885. text-overflow: ellipsis;
  11886. white-space: nowrap;
  11887. overflow: hidden;
  11888. border: 1px solid rgba(0, 0, 0, 0.3);
  11889. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11890. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11891. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  11892. height: 44px;
  11893. line-height: 44px;
  11894. padding: 0;
  11895. text-align: center;
  11896. }
  11897. .am-menu-offcanvas2 .am-menu-nav > li > a:hover,
  11898. .am-menu-offcanvas2 .am-menu-nav > li > a:focus {
  11899. background-color: #262626;
  11900. color: #ffffff;
  11901. outline: none;
  11902. }
  11903. .am-menu-offcanvas2 .am-menu-nav > .am-active > a {
  11904. background-color: #262626;
  11905. color: #ffffff;
  11906. }
  11907. /**
  11908. * Menu Theme: stack
  11909. * Author: Minwe (minwe@yunshipei.com)
  11910. */
  11911. .am-menu-stack .am-menu-nav {
  11912. border-bottom: 1px solid #dedede;
  11913. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11914. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
  11915. }
  11916. .am-menu-stack .am-menu-nav > .am-parent > a {
  11917. -webkit-transition: all .3s;
  11918. transition: all .3s;
  11919. }
  11920. .am-menu-stack .am-menu-nav > .am-parent > a:after {
  11921. content: "\f105";
  11922. position: absolute;
  11923. right: 1.5rem;
  11924. top: 1.3rem;
  11925. -webkit-transition: all .15s;
  11926. transition: all .15s;
  11927. }
  11928. .am-menu-stack .am-menu-nav > .am-parent.am-open > a:after {
  11929. -webkit-transform: rotate(90deg);
  11930. -ms-transform: rotate(90deg);
  11931. transform: rotate(90deg);
  11932. }
  11933. .am-menu-stack .am-menu-nav > li > a {
  11934. position: relative;
  11935. color: #333333;
  11936. background-color: #f5f5f5;
  11937. border-top: 1px solid #dedede;
  11938. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11939. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  11940. height: 49px;
  11941. line-height: 49px;
  11942. text-indent: 10px;
  11943. padding: 0;
  11944. }
  11945. .am-menu-stack .am-menu-nav > .am-open > a,
  11946. .am-menu-stack .am-menu-nav > li > a:hover,
  11947. .am-menu-stack .am-menu-nav > li > a:focus {
  11948. background-color: #e5e5e5;
  11949. color: #222222;
  11950. outline: none;
  11951. }
  11952. .am-menu-stack .am-menu-sub {
  11953. padding: 0;
  11954. font-size: 1.4rem;
  11955. border-top: 1px solid #dedede;
  11956. }
  11957. .am-menu-stack .am-menu-sub a {
  11958. border-bottom: 1px solid #dedede;
  11959. padding-left: 2rem;
  11960. color: #444444;
  11961. }
  11962. .am-menu-stack .am-menu-sub a:hover {
  11963. color: #333333;
  11964. }
  11965. .am-menu-stack .am-menu-sub li:last-child a {
  11966. border-bottom: none;
  11967. }
  11968. .am-menu-stack .am-menu-sub > li > a {
  11969. height: 44px;
  11970. line-height: 44px;
  11971. text-indent: 15px;
  11972. padding: 0;
  11973. }
  11974. @media only screen and (min-width:641px) {
  11975. .am-menu-stack .am-menu-nav {
  11976. background-color: #f5f5f5;
  11977. }
  11978. .am-menu-stack .am-menu-nav > li {
  11979. float: left;
  11980. width: auto;
  11981. clear: none !important;
  11982. display: inline-block;
  11983. }
  11984. .am-menu-stack .am-menu-nav > li a {
  11985. padding-left: 1.5rem;
  11986. padding-right: 1.5rem;
  11987. }
  11988. .am-menu-stack .am-menu-nav > li.am-parent > a:after {
  11989. position: static;
  11990. content: "\f107";
  11991. }
  11992. .am-menu-stack .am-menu-nav > li.am-parent.am-open a {
  11993. border-bottom: none;
  11994. }
  11995. .am-menu-stack .am-menu-nav > li.am-parent.am-open a:after {
  11996. -webkit-transform: rotateX(-180deg);
  11997. transform: rotateX(-180deg);
  11998. }
  11999. .am-menu-stack .am-menu-nav > li.am-parent.am-open .am-menu-sub {
  12000. background-color: #e5e5e5;
  12001. }
  12002. .am-menu-stack .am-menu-sub {
  12003. position: absolute;
  12004. left: 0;
  12005. right: 0;
  12006. background-color: #ddd;
  12007. border-top: none;
  12008. }
  12009. .am-menu-stack .am-menu-sub li {
  12010. width: auto;
  12011. float: left;
  12012. clear: none;
  12013. }
  12014. }
  12015. /**
  12016. * Menu Theme: one
  12017. * Author: one (hzp@yunshipei.com)
  12018. */
  12019. .am-menu-one {
  12020. padding-left: 10px;
  12021. padding-right: 10px;
  12022. margin-bottom: 10px;
  12023. background-color: #f5f5f5;
  12024. -webkit-box-shadow: 0 2px 10px #d7d7d7;
  12025. box-shadow: 0 2px 10px #d7d7d7;
  12026. height: 40px;
  12027. }
  12028. .am-menu-one .am-menu-nav-wrap {
  12029. overflow: hidden;
  12030. }
  12031. .am-menu-one .am-menu-nav {
  12032. height: 40px;
  12033. }
  12034. .am-menu-one .am-menu-nav:before,
  12035. .am-menu-one .am-menu-nav:after {
  12036. content: " ";
  12037. display: table;
  12038. }
  12039. .am-menu-one .am-menu-nav:after {
  12040. clear: both;
  12041. }
  12042. .am-menu-one .am-menu-nav > li {
  12043. float: left;
  12044. clear: none;
  12045. width: auto;
  12046. }
  12047. .am-menu-one .am-menu-nav > li > a {
  12048. display: block;
  12049. height: 40px;
  12050. line-height: 40px;
  12051. padding: 0 10px;
  12052. color: #7d7d7d;
  12053. }
  12054. .am-menu-one .am-menu-nav .am-active > a {
  12055. color: #555555;
  12056. border-bottom: 2px solid #15afef;
  12057. }
  12058. .am-menu-one .am-menu-nav .am-open > a {
  12059. position: relative;
  12060. }
  12061. .am-menu-one .am-menu-nav .am-open > a:before {
  12062. position: absolute;
  12063. top: 100%;
  12064. left: 50%;
  12065. margin-top: -6px;
  12066. margin-left: -6px;
  12067. content: '';
  12068. display: inline-block;
  12069. width: 0;
  12070. height: 0;
  12071. vertical-align: middle;
  12072. border-bottom: 6px solid #15afef;
  12073. border-right: 6px solid transparent;
  12074. border-left: 6px solid transparent;
  12075. border-top: 0 dotted;
  12076. -webkit-transform: rotate(360deg);
  12077. -ms-transform: rotate(360deg);
  12078. transform: rotate(360deg);
  12079. }
  12080. .am-menu-one .am-menu-nav-sub-wrap {
  12081. position: relative;
  12082. z-index: 1050;
  12083. }
  12084. .am-menu-one .am-menu-sub {
  12085. position: absolute;
  12086. top: 1px;
  12087. left: -5px;
  12088. right: -5px;
  12089. background-color: #ffffff;
  12090. border-radius: 2px;
  12091. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  12092. box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  12093. }
  12094. .am-menu-one .am-menu-sub li {
  12095. text-align: center;
  12096. }
  12097. .am-menu-one .am-menu-sub a {
  12098. padding: 0;
  12099. color: #555555;
  12100. line-height: 40px;
  12101. }
  12102. .am-navbar {
  12103. position: fixed;
  12104. left: 0;
  12105. bottom: 0;
  12106. width: 100%;
  12107. height: 49px;
  12108. line-height: 49px;
  12109. z-index: 1010;
  12110. }
  12111. .am-navbar ul {
  12112. padding-left: 0;
  12113. margin: 0;
  12114. list-style: none;
  12115. width: 100%;
  12116. }
  12117. .am-navbar .am-navbar-nav {
  12118. padding-left: 8px;
  12119. padding-right: 8px;
  12120. text-align: center;
  12121. overflow: hidden;
  12122. display: -webkit-box;
  12123. display: -webkit-flex;
  12124. display: -ms-flexbox;
  12125. display: flex;
  12126. }
  12127. .am-navbar .am-navbar-nav li {
  12128. -webkit-box-flex: 1;
  12129. -webkit-flex: 1;
  12130. -ms-flex: 1;
  12131. flex: 1;
  12132. float: none;
  12133. }
  12134. .am-navbar-nav {
  12135. position: relative;
  12136. z-index: 1015;
  12137. }
  12138. .am-navbar-nav a {
  12139. display: inline-block;
  12140. width: 100%;
  12141. height: 49px;
  12142. line-height: 20px;
  12143. }
  12144. .am-navbar-nav a img {
  12145. display: block;
  12146. vertical-align: middle;
  12147. height: 24px;
  12148. width: 24px;
  12149. margin: 4px auto 0;
  12150. }
  12151. .am-navbar-nav a [class*="am-icon"] {
  12152. width: 24px;
  12153. height: 24px;
  12154. margin: 4px auto 0;
  12155. display: block;
  12156. line-height: 24px;
  12157. }
  12158. .am-navbar-nav a [class*="am-icon"]:before {
  12159. font-size: 22px;
  12160. vertical-align: middle;
  12161. }
  12162. .am-navbar-nav a .am-navbar-label {
  12163. padding-top: 2px;
  12164. line-height: 1;
  12165. font-size: 12px;
  12166. display: block;
  12167. word-wrap: normal;
  12168. /* for IE */
  12169. text-overflow: ellipsis;
  12170. white-space: nowrap;
  12171. overflow: hidden;
  12172. }
  12173. .am-navbar-more [class*="am-icon-"] {
  12174. -webkit-transition: 0.15s;
  12175. transition: 0.15s;
  12176. }
  12177. .am-navbar-more.am-active [class*="am-icon-"] {
  12178. -webkit-transform: rotateX(-180deg);
  12179. transform: rotateX(-180deg);
  12180. }
  12181. .am-navbar-actions {
  12182. position: absolute;
  12183. bottom: 49px;
  12184. right: 0;
  12185. left: 0;
  12186. z-index: 1009;
  12187. opacity: 0;
  12188. -webkit-transition: .3s;
  12189. transition: .3s;
  12190. -webkit-transform: translate(0, 100%);
  12191. -ms-transform: translate(0, 100%);
  12192. transform: translate(0, 100%);
  12193. }
  12194. .am-navbar-actions.am-active {
  12195. opacity: 1;
  12196. -webkit-transform: translate(0, 0);
  12197. -ms-transform: translate(0, 0);
  12198. transform: translate(0, 0);
  12199. }
  12200. .am-navbar-actions li {
  12201. line-height: 42px;
  12202. position: relative;
  12203. }
  12204. .am-navbar-actions li a {
  12205. display: block;
  12206. width: 100%;
  12207. height: 40px;
  12208. -webkit-box-shadow: inset 0 1px rgba(220, 220, 220, 0.25);
  12209. box-shadow: inset 0 1px rgba(220, 220, 220, 0.25);
  12210. padding-left: 20px;
  12211. padding-right: 36px;
  12212. }
  12213. .am-navbar-actions li a :after {
  12214. font-family: "FontAwesome", sans-serif;
  12215. content: "\f105";
  12216. display: inline-block;
  12217. position: absolute;
  12218. top: 0;
  12219. right: 20px;
  12220. }
  12221. .am-navbar-actions li a img {
  12222. vertical-align: middle;
  12223. height: 20px;
  12224. width: 20px;
  12225. display: inline;
  12226. }
  12227. #am-navbar-qrcode {
  12228. width: 220px;
  12229. height: 220px;
  12230. margin-left: -110px;
  12231. }
  12232. #am-navbar-qrcode .am-modal-bd {
  12233. padding: 10px;
  12234. }
  12235. #am-navbar-qrcode canvas {
  12236. display: block;
  12237. width: 200px;
  12238. height: 200px;
  12239. }
  12240. .am-with-fixed-navbar {
  12241. padding-bottom: 54px;
  12242. }
  12243. /**
  12244. * Navbar Theme: default
  12245. * Author: hzp (hzp@yunshipei.com)
  12246. */
  12247. .am-navbar-default a {
  12248. color: #ffffff;
  12249. }
  12250. .am-navbar-default .am-navbar-nav {
  12251. background-color: #0e90d2;
  12252. }
  12253. .am-navbar-default .am-navbar-actions {
  12254. background-color: #0d86c4;
  12255. }
  12256. .am-navbar-default .am-navbar-actions a {
  12257. border-bottom: 1px solid #0b6fa2;
  12258. }
  12259. /**
  12260. * Navbar Theme: one
  12261. * Author: hzp (hzp@yunshipei.com)
  12262. */
  12263. .am-navbar-one a {
  12264. color: #ffffff;
  12265. }
  12266. .am-navbar-one .am-navbar-nav {
  12267. background-color: #15afef;
  12268. }
  12269. .am-navbar-one .am-navbar-actions {
  12270. background-color: #0f9fdb;
  12271. }
  12272. .am-navbar-one .am-navbar-actions a {
  12273. border-bottom: 1px solid #0d87ba;
  12274. }
  12275. .am-pagination {
  12276. position: relative;
  12277. }
  12278. /**
  12279. * Pagination Theme: default
  12280. */
  12281. .am-pagination-default {
  12282. margin-left: 10px;
  12283. margin-right: 10px;
  12284. font-size: 1.6rem;
  12285. }
  12286. .am-pagination-default .am-pagination-prev,
  12287. .am-pagination-default .am-pagination-next {
  12288. float: none;
  12289. }
  12290. /**
  12291. * Pagination Theme: select
  12292. */
  12293. .am-pagination-select {
  12294. margin-left: 10px;
  12295. margin-right: 10px;
  12296. font-size: 1.6rem;
  12297. }
  12298. .am-pagination-select > li > a {
  12299. line-height: 36px;
  12300. background-color: #eeeeee;
  12301. padding: 0 15px;
  12302. border: 0;
  12303. color: #555555;
  12304. }
  12305. .am-pagination-select .am-pagination-select {
  12306. position: absolute;
  12307. top: 0;
  12308. left: 50%;
  12309. margin-left: -35px;
  12310. width: 70px;
  12311. height: 36px;
  12312. text-align: center;
  12313. border-radius: 0;
  12314. }
  12315. .am-pagination-select .am-pagination-select select {
  12316. display: block;
  12317. border: 0;
  12318. line-height: 36px;
  12319. width: 70px;
  12320. height: 36px;
  12321. border-radius: 0;
  12322. color: #555555;
  12323. background-color: #eeeeee;
  12324. -webkit-appearance: none;
  12325. -moz-appearance: none;
  12326. appearance: none;
  12327. padding-left: 18px;
  12328. }
  12329. /**
  12330. * Pagination Theme: one
  12331. */
  12332. .am-pagination-one {
  12333. margin-left: 10px;
  12334. margin-right: 10px;
  12335. text-align: center;
  12336. }
  12337. .am-pagination-one > li > a {
  12338. line-height: 36px;
  12339. background-color: #ffffff;
  12340. padding: 0 15px;
  12341. color: #555555;
  12342. }
  12343. .am-pagination-one .am-pagination-select {
  12344. float: left;
  12345. position: absolute;
  12346. top: 0;
  12347. left: 50%;
  12348. margin-left: -25px;
  12349. width: 50px;
  12350. height: 36px;
  12351. text-align: center;
  12352. }
  12353. .am-pagination-one .am-pagination-select select {
  12354. display: block;
  12355. line-height: 36px;
  12356. width: 50px;
  12357. height: 36px;
  12358. border-radius: 0;
  12359. text-align: center;
  12360. -webkit-appearance: none;
  12361. -moz-appearance: none;
  12362. appearance: none;
  12363. padding-left: 18px;
  12364. background: #ffffff;
  12365. border: 1px solid #dfdfdf;
  12366. color: #555555;
  12367. }
  12368. .am-paragraph p {
  12369. margin: 10px 0;
  12370. }
  12371. .am-paragraph img {
  12372. max-width: 100%;
  12373. }
  12374. .am-paragraph h1,
  12375. .am-paragraph h2,
  12376. .am-paragraph h3,
  12377. .am-paragraph h4,
  12378. .am-paragraph h5,
  12379. .am-paragraph h6 {
  12380. color: #222222;
  12381. }
  12382. .am-paragraph table {
  12383. max-width: none;
  12384. }
  12385. .am-paragraph-table-container {
  12386. overflow: hidden;
  12387. background: #eeeeee;
  12388. max-width: none;
  12389. }
  12390. .am-paragraph-table-container table {
  12391. width: 100%;
  12392. max-width: none;
  12393. }
  12394. .am-paragraph-table-container table th {
  12395. background: #bce5fb;
  12396. height: 40px;
  12397. border: 1px solid #999999;
  12398. text-align: center;
  12399. }
  12400. .am-paragraph-table-container table td {
  12401. border: 1px solid #999999;
  12402. text-align: center;
  12403. vertical-align: middle;
  12404. background: #ffffff;
  12405. }
  12406. .am-paragraph-table-container table td p {
  12407. text-indent: 0;
  12408. font-size: 1.4rem;
  12409. }
  12410. .am-paragraph-table-container table td a {
  12411. font-size: 1.4rem;
  12412. }
  12413. /**
  12414. * Paragraph Theme: default
  12415. */
  12416. .am-paragraph-default {
  12417. margin: 0 10px;
  12418. color: #333333;
  12419. background-color: transparent;
  12420. }
  12421. .am-paragraph-default p {
  12422. font-size: 1.4rem;
  12423. }
  12424. .am-paragraph-default img {
  12425. max-width: 98%;
  12426. display: block;
  12427. margin: 5px auto;
  12428. border: 1px solid #eeeeee;
  12429. padding: 2px;
  12430. }
  12431. .am-paragraph-default a {
  12432. color: #0e90d2;
  12433. }
  12434. /**
  12435. * Paragraph Theme: one
  12436. */
  12437. .am-paragraph-one {
  12438. color: #555555;
  12439. background: #ffffff;
  12440. margin: 0 10px;
  12441. padding: 4px;
  12442. }
  12443. .am-paragraph-one h1,
  12444. .am-paragraph-one h2,
  12445. .am-paragraph-one h3,
  12446. .am-paragraph-one h4,
  12447. .am-paragraph-one h5,
  12448. .am-paragraph-one h6 {
  12449. color: #333333;
  12450. font-weight: normal;
  12451. margin-top: 0;
  12452. }
  12453. .am-paragraph-one h1 {
  12454. font-size: 2rem;
  12455. }
  12456. .am-paragraph-one h2,
  12457. .am-paragraph-one h3 {
  12458. font-size: 1.8rem;
  12459. }
  12460. .am-paragraph-one h4,
  12461. .am-paragraph-one h5 {
  12462. font-size: 1.6rem;
  12463. }
  12464. .am-paragraph-one h6 {
  12465. font-size: 1.4rem;
  12466. }
  12467. .am-paragraph-one hr {
  12468. background: #dfdfdf;
  12469. height: 1px;
  12470. border: 0;
  12471. overflow: hidden;
  12472. }
  12473. .am-paragraph-one img {
  12474. max-width: 100%;
  12475. display: block;
  12476. margin: 5px 0;
  12477. }
  12478. .am-paragraph-one a {
  12479. color: #333333;
  12480. }
  12481. .am-paragraph-one p,
  12482. .am-paragraph-one div,
  12483. .am-paragraph-one table {
  12484. font-size: 1.4rem;
  12485. margin: 0 0 1rem 0;
  12486. }
  12487. .am-paragraph-one ul,
  12488. .am-paragraph-one ol {
  12489. padding-left: 0;
  12490. }
  12491. .am-paragraph-one li {
  12492. list-style: none;
  12493. font-size: 1.4rem;
  12494. }
  12495. /**
  12496. * Slider Theme: a1
  12497. */
  12498. .am-slider-a1 {
  12499. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12500. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12501. /* Control Nav */
  12502. }
  12503. .am-slider-a1 .am-viewport {
  12504. max-height: 2000px;
  12505. -webkit-transition: all 1s ease;
  12506. transition: all 1s ease;
  12507. }
  12508. .loading .am-slider-a1 .am-viewport {
  12509. max-height: 300px;
  12510. }
  12511. .am-slider-a1 .am-control-nav {
  12512. width: 100%;
  12513. position: absolute;
  12514. bottom: 5px;
  12515. text-align: center;
  12516. line-height: 0;
  12517. }
  12518. .am-slider-a1 .am-control-nav li {
  12519. margin: 0 6px;
  12520. display: inline-block;
  12521. }
  12522. .am-slider-a1 .am-control-nav li a {
  12523. width: 8px;
  12524. height: 8px;
  12525. display: block;
  12526. background-color: rgba(0, 0, 0, 0.5);
  12527. cursor: pointer;
  12528. text-indent: -9999px;
  12529. border-radius: 50%;
  12530. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12531. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12532. }
  12533. .am-slider-a1 .am-control-nav li a:hover {
  12534. background-color: rgba(0, 0, 0, 0.7);
  12535. }
  12536. .am-slider-a1 .am-control-nav li a.am-active {
  12537. background-color: #0e90d2;
  12538. cursor: default;
  12539. }
  12540. .am-slider-a1 .am-direction-nav,
  12541. .am-slider-a1 .am-pauseplay {
  12542. display: none;
  12543. }
  12544. /**
  12545. * Slider Theme: a2
  12546. */
  12547. .am-slider-a2 {
  12548. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12549. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12550. /* Control Nav */
  12551. }
  12552. .am-slider-a2 .am-viewport {
  12553. max-height: 2000px;
  12554. -webkit-transition: all 1s ease;
  12555. transition: all 1s ease;
  12556. }
  12557. .loading .am-slider-a2 .am-viewport {
  12558. max-height: 300px;
  12559. }
  12560. .am-slider-a2 .am-control-nav {
  12561. width: 100%;
  12562. position: absolute;
  12563. bottom: 5px;
  12564. text-align: center;
  12565. line-height: 0;
  12566. }
  12567. .am-slider-a2 .am-control-nav li {
  12568. margin: 0 6px;
  12569. display: inline-block;
  12570. }
  12571. .am-slider-a2 .am-control-nav li a {
  12572. width: 8px;
  12573. height: 8px;
  12574. display: block;
  12575. background-color: rgba(0, 0, 0, 0.5);
  12576. cursor: pointer;
  12577. text-indent: -9999px;
  12578. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12579. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12580. }
  12581. .am-slider-a2 .am-control-nav li a:hover {
  12582. background-color: rgba(0, 0, 0, 0.7);
  12583. }
  12584. .am-slider-a2 .am-control-nav li a.am-active {
  12585. background: #0e93d7;
  12586. cursor: default;
  12587. }
  12588. .am-slider-a2 .am-direction-nav,
  12589. .am-slider-a2 .am-pauseplay {
  12590. display: none;
  12591. }
  12592. /**
  12593. * Slider Theme: a3
  12594. */
  12595. .am-slider-a3 {
  12596. margin-bottom: 20px;
  12597. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12598. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12599. /* Control Nav */
  12600. }
  12601. .am-slider-a3 .am-viewport {
  12602. max-height: 2000px;
  12603. -webkit-transition: all 1s ease;
  12604. transition: all 1s ease;
  12605. }
  12606. .loading .am-slider-a3 .am-viewport {
  12607. max-height: 300px;
  12608. }
  12609. .am-slider-a3 .am-control-nav {
  12610. width: 100%;
  12611. position: absolute;
  12612. bottom: -20px;
  12613. text-align: center;
  12614. height: 20px;
  12615. background-color: #000000;
  12616. padding-top: 5px;
  12617. line-height: 0;
  12618. }
  12619. .am-slider-a3 .am-control-nav li {
  12620. margin: 0 6px;
  12621. display: inline-block;
  12622. }
  12623. .am-slider-a3 .am-control-nav li a {
  12624. width: 8px;
  12625. height: 8px;
  12626. display: block;
  12627. background-color: rgba(0, 0, 0, 0.5);
  12628. cursor: pointer;
  12629. text-indent: -9999px;
  12630. border-radius: 50%;
  12631. -webkit-box-shadow: inset 0 0 3px rgba(200, 200, 200, 0.3);
  12632. box-shadow: inset 0 0 3px rgba(200, 200, 200, 0.3);
  12633. }
  12634. .am-slider-a3 .am-control-nav li a:hover {
  12635. background-color: rgba(0, 0, 0, 0.7);
  12636. }
  12637. .am-slider-a3 .am-control-nav li a.am-active {
  12638. background: #0e90d2;
  12639. cursor: default;
  12640. }
  12641. .am-slider-a3 .am-direction-nav,
  12642. .am-slider-a3 .am-pauseplay {
  12643. display: none;
  12644. }
  12645. /**
  12646. * Slider Theme: a4
  12647. */
  12648. .am-slider-a4 {
  12649. margin-bottom: 30px;
  12650. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12651. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12652. /* Control Nav */
  12653. }
  12654. .am-slider-a4 .am-viewport {
  12655. max-height: 2000px;
  12656. -webkit-transition: all 1s ease;
  12657. transition: all 1s ease;
  12658. }
  12659. .loading .am-slider-a4 .am-viewport {
  12660. max-height: 300px;
  12661. }
  12662. .am-slider-a4 .am-control-nav {
  12663. width: 100%;
  12664. position: absolute;
  12665. bottom: -15px;
  12666. text-align: center;
  12667. line-height: 0;
  12668. }
  12669. .am-slider-a4 .am-control-nav li {
  12670. margin: 0 6px;
  12671. display: inline-block;
  12672. }
  12673. .am-slider-a4 .am-control-nav li a {
  12674. width: 8px;
  12675. height: 8px;
  12676. display: block;
  12677. background-color: rgba(0, 0, 0, 0.5);
  12678. cursor: pointer;
  12679. text-indent: -9999px;
  12680. border-radius: 50%;
  12681. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12682. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  12683. }
  12684. .am-slider-a4 .am-control-nav li a:hover {
  12685. background-color: rgba(0, 0, 0, 0.7);
  12686. }
  12687. .am-slider-a4 .am-control-nav li a.am-active {
  12688. background-color: #0e90d2;
  12689. cursor: default;
  12690. }
  12691. .am-slider-a4 .am-direction-nav,
  12692. .am-slider-a4 .am-pauseplay {
  12693. display: none;
  12694. }
  12695. /**
  12696. * Slider Theme: a5
  12697. */
  12698. .am-slider-a5 {
  12699. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12700. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12701. /* Control Nav */
  12702. }
  12703. .am-slider-a5 .am-viewport {
  12704. max-height: 2000px;
  12705. -webkit-transition: all 1s ease;
  12706. transition: all 1s ease;
  12707. }
  12708. .loading .am-slider-a5 .am-viewport {
  12709. max-height: 300px;
  12710. }
  12711. .am-slider-a5 .am-control-nav {
  12712. width: 100%;
  12713. position: absolute;
  12714. text-align: center;
  12715. height: 6px;
  12716. display: table;
  12717. bottom: 0;
  12718. font-size: 0;
  12719. line-height: 0;
  12720. }
  12721. .am-slider-a5 .am-control-nav li {
  12722. display: table-cell;
  12723. }
  12724. .am-slider-a5 .am-control-nav li a {
  12725. width: 100%;
  12726. height: 6px;
  12727. display: block;
  12728. background-color: rgba(0, 0, 0, 0.5);
  12729. cursor: pointer;
  12730. text-indent: -9999px;
  12731. }
  12732. .am-slider-a5 .am-control-nav li a:hover {
  12733. background-color: rgba(0, 0, 0, 0.7);
  12734. }
  12735. .am-slider-a5 .am-control-nav li a.am-active {
  12736. background-color: #0e90d2;
  12737. cursor: default;
  12738. }
  12739. .am-slider-a5 .am-direction-nav,
  12740. .am-slider-a5 .am-pauseplay {
  12741. display: none;
  12742. }
  12743. /**
  12744. * Slider Theme: b1
  12745. */
  12746. .am-slider-b1 {
  12747. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12748. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12749. /* Direction Nav */
  12750. }
  12751. .am-slider-b1 .am-viewport {
  12752. max-height: 2000px;
  12753. -webkit-transition: all 1s ease;
  12754. transition: all 1s ease;
  12755. }
  12756. .loading .am-slider-b1 .am-viewport {
  12757. max-height: 300px;
  12758. }
  12759. .am-slider-b1 .am-direction-nav a {
  12760. -webkit-box-sizing: content-box;
  12761. box-sizing: content-box;
  12762. display: block;
  12763. width: 24px;
  12764. height: 24px;
  12765. padding: 8px 0;
  12766. margin: -20px 0 0;
  12767. position: absolute;
  12768. top: 50%;
  12769. z-index: 10;
  12770. overflow: hidden;
  12771. opacity: 0.45;
  12772. cursor: pointer;
  12773. color: #ffffff;
  12774. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  12775. background-color: rgba(0, 0, 0, 0.5);
  12776. font-size: 0;
  12777. text-align: center;
  12778. -webkit-transition: all .3s ease;
  12779. transition: all .3s ease;
  12780. }
  12781. .am-slider-b1 .am-direction-nav a:before {
  12782. display: inline-block;
  12783. font-family: "FontAwesome", sans-serif;
  12784. font-weight: normal;
  12785. font-style: normal;
  12786. vertical-align: baseline;
  12787. line-height: 1;
  12788. -webkit-font-smoothing: antialiased;
  12789. -moz-osx-font-smoothing: grayscale;
  12790. content: "\f053";
  12791. font-size: 24px;
  12792. }
  12793. .am-slider-b1 .am-direction-nav a.am-prev {
  12794. left: 0;
  12795. padding-right: 5px;
  12796. border-bottom-right-radius: 5px;
  12797. border-top-right-radius: 5px;
  12798. }
  12799. .am-slider-b1 .am-direction-nav a.am-next {
  12800. right: 0;
  12801. padding-left: 5px;
  12802. border-bottom-left-radius: 5px;
  12803. border-top-left-radius: 5px;
  12804. }
  12805. .am-slider-b1 .am-direction-nav a.am-next:before {
  12806. content: "\f054";
  12807. }
  12808. .am-slider-b1 .am-direction-nav .am-disabled {
  12809. opacity: 0!important;
  12810. cursor: default;
  12811. }
  12812. .am-slider-b1:hover .am-prev {
  12813. opacity: 0.7;
  12814. }
  12815. .am-slider-b1:hover .am-prev:hover {
  12816. opacity: 1;
  12817. }
  12818. .am-slider-b1:hover .am-next {
  12819. opacity: 0.7;
  12820. }
  12821. .am-slider-b1:hover .am-next:hover {
  12822. opacity: 1;
  12823. }
  12824. .am-slider-b1 .am-control-nav,
  12825. .am-slider-b1 .am-pauseplay {
  12826. display: none;
  12827. }
  12828. /**
  12829. * Slider Theme: b2
  12830. */
  12831. .am-slider-b2 {
  12832. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12833. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12834. /* Direction Nav */
  12835. }
  12836. .am-slider-b2 .am-viewport {
  12837. max-height: 2000px;
  12838. -webkit-transition: all 1s ease;
  12839. transition: all 1s ease;
  12840. }
  12841. .loading .am-slider-b2 .am-viewport {
  12842. max-height: 300px;
  12843. }
  12844. .am-slider-b2 .am-direction-nav a {
  12845. -webkit-box-sizing: content-box;
  12846. box-sizing: content-box;
  12847. display: block;
  12848. width: 24px;
  12849. height: 24px;
  12850. padding: 4px;
  12851. margin: -16px 0 0;
  12852. position: absolute;
  12853. top: 50%;
  12854. z-index: 10;
  12855. overflow: hidden;
  12856. opacity: 0.45;
  12857. cursor: pointer;
  12858. color: #ffffff;
  12859. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  12860. background-color: rgba(0, 0, 0, 0.5);
  12861. font-size: 0;
  12862. text-align: center;
  12863. border-radius: 50%;
  12864. -webkit-transition: all .3s ease;
  12865. transition: all .3s ease;
  12866. }
  12867. .am-slider-b2 .am-direction-nav a:before {
  12868. display: inline-block;
  12869. font-family: "FontAwesome", sans-serif;
  12870. font-weight: normal;
  12871. font-style: normal;
  12872. vertical-align: baseline;
  12873. line-height: 1;
  12874. -webkit-font-smoothing: antialiased;
  12875. -moz-osx-font-smoothing: grayscale;
  12876. content: "\f053";
  12877. font-size: 16px;
  12878. line-height: 24px;
  12879. }
  12880. .am-slider-b2 .am-direction-nav a.am-prev {
  12881. left: 5px;
  12882. }
  12883. .am-slider-b2 .am-direction-nav a.am-next {
  12884. right: 5px;
  12885. }
  12886. .am-slider-b2 .am-direction-nav a.am-next:before {
  12887. content: "\f054";
  12888. }
  12889. .am-slider-b2 .am-direction-nav .am-disabled {
  12890. opacity: 0!important;
  12891. cursor: default;
  12892. }
  12893. .am-slider-b2:hover .am-prev {
  12894. opacity: 0.7;
  12895. }
  12896. .am-slider-b2:hover .am-prev:hover {
  12897. opacity: 1;
  12898. }
  12899. .am-slider-b2:hover .am-next {
  12900. opacity: 0.7;
  12901. }
  12902. .am-slider-b2:hover .am-next:hover {
  12903. opacity: 1;
  12904. }
  12905. .am-slider-b2 .am-control-nav,
  12906. .am-slider-b2 .am-pauseplay {
  12907. display: none;
  12908. }
  12909. /**
  12910. * Slider Theme: b3
  12911. */
  12912. .am-slider-b3 {
  12913. margin: 15px 30px;
  12914. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12915. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12916. /* Direction Nav */
  12917. }
  12918. .am-slider-b3 .am-viewport {
  12919. max-height: 2000px;
  12920. -webkit-transition: all 1s ease;
  12921. transition: all 1s ease;
  12922. }
  12923. .loading .am-slider-b3 .am-viewport {
  12924. max-height: 300px;
  12925. }
  12926. .am-slider-b3 .am-direction-nav a {
  12927. -webkit-box-sizing: content-box;
  12928. box-sizing: content-box;
  12929. display: block;
  12930. width: 24px;
  12931. height: 24px;
  12932. padding: 4px;
  12933. margin: -16px 0 0;
  12934. position: absolute;
  12935. top: 50%;
  12936. z-index: 10;
  12937. overflow: hidden;
  12938. opacity: 0.45;
  12939. cursor: pointer;
  12940. color: #333333;
  12941. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  12942. font-size: 0;
  12943. -webkit-transition: all .3s ease;
  12944. transition: all .3s ease;
  12945. }
  12946. .am-slider-b3 .am-direction-nav a:before {
  12947. display: inline-block;
  12948. font-family: "FontAwesome", sans-serif;
  12949. font-weight: normal;
  12950. font-style: normal;
  12951. vertical-align: baseline;
  12952. line-height: 1;
  12953. -webkit-font-smoothing: antialiased;
  12954. -moz-osx-font-smoothing: grayscale;
  12955. content: "\f053";
  12956. font-size: 24px;
  12957. }
  12958. .am-slider-b3 .am-direction-nav a.am-prev {
  12959. left: -25px;
  12960. }
  12961. .am-slider-b3 .am-direction-nav a.am-next {
  12962. right: -25px;
  12963. text-align: right;
  12964. }
  12965. .am-slider-b3 .am-direction-nav a.am-next:before {
  12966. content: "\f054";
  12967. }
  12968. .am-slider-b3 .am-direction-nav .am-disabled {
  12969. opacity: 0!important;
  12970. cursor: default;
  12971. }
  12972. .am-slider-b3:hover .am-prev {
  12973. opacity: 0.7;
  12974. }
  12975. .am-slider-b3:hover .am-prev:hover {
  12976. opacity: 1;
  12977. }
  12978. .am-slider-b3:hover .am-next {
  12979. opacity: 0.7;
  12980. }
  12981. .am-slider-b3:hover .am-next:hover {
  12982. opacity: 1;
  12983. }
  12984. .am-slider-b3 .am-control-nav,
  12985. .am-slider-b3 .am-pauseplay {
  12986. display: none;
  12987. }
  12988. /**
  12989. * Slider Theme: b4
  12990. */
  12991. .am-slider-b4 {
  12992. margin: 15px 20px;
  12993. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  12994. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  12995. /* Direction Nav */
  12996. }
  12997. .am-slider-b4 .am-viewport {
  12998. max-height: 2000px;
  12999. -webkit-transition: all 1s ease;
  13000. transition: all 1s ease;
  13001. }
  13002. .loading .am-slider-b4 .am-viewport {
  13003. max-height: 300px;
  13004. }
  13005. .am-slider-b4 .am-direction-nav a {
  13006. position: absolute;
  13007. top: 50%;
  13008. z-index: 10;
  13009. display: block;
  13010. -webkit-box-sizing: content-box;
  13011. box-sizing: content-box;
  13012. width: 24px;
  13013. height: 24px;
  13014. margin: -16px 0 0;
  13015. padding: 4px;
  13016. overflow: hidden;
  13017. opacity: 0.45;
  13018. background-color: rgba(0, 0, 0, 0.8);
  13019. cursor: pointer;
  13020. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13021. font-size: 0;
  13022. border-radius: 50%;
  13023. text-align: center;
  13024. color: #ffffff;
  13025. -webkit-transition: all .3s ease;
  13026. transition: all .3s ease;
  13027. }
  13028. .am-slider-b4 .am-direction-nav a:before {
  13029. display: inline-block;
  13030. font-family: "FontAwesome", sans-serif;
  13031. font-weight: normal;
  13032. font-style: normal;
  13033. vertical-align: baseline;
  13034. line-height: 1;
  13035. -webkit-font-smoothing: antialiased;
  13036. -moz-osx-font-smoothing: grayscale;
  13037. content: "\f053";
  13038. font-size: 20px;
  13039. line-height: 24px;
  13040. }
  13041. .am-slider-b4 .am-direction-nav a.am-prev {
  13042. left: -15px;
  13043. }
  13044. .am-slider-b4 .am-direction-nav a.am-next {
  13045. right: -15px;
  13046. }
  13047. .am-slider-b4 .am-direction-nav a.am-next:before {
  13048. content: "\f054";
  13049. }
  13050. .am-slider-b4 .am-direction-nav .am-disabled {
  13051. opacity: 0!important;
  13052. cursor: default;
  13053. }
  13054. .am-slider-b4:hover .am-prev {
  13055. opacity: 0.7;
  13056. }
  13057. .am-slider-b4:hover .am-prev:hover {
  13058. opacity: 0.9;
  13059. }
  13060. .am-slider-b4:hover .am-next {
  13061. opacity: 0.7;
  13062. }
  13063. .am-slider-b4:hover .am-next:hover {
  13064. opacity: 0.9;
  13065. }
  13066. .am-slider-b4 .am-control-nav,
  13067. .am-slider-b4 .am-pauseplay {
  13068. display: none;
  13069. }
  13070. /**
  13071. * Slider Theme: c1
  13072. */
  13073. .am-slider-c1 {
  13074. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13075. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13076. /* Control Nav */
  13077. }
  13078. .am-slider-c1 .am-viewport {
  13079. max-height: 2000px;
  13080. -webkit-transition: all 1s ease;
  13081. transition: all 1s ease;
  13082. }
  13083. .loading .am-slider-c1 .am-viewport {
  13084. max-height: 300px;
  13085. }
  13086. .am-slider-c1 .am-control-nav {
  13087. position: absolute;
  13088. bottom: 0;
  13089. display: -webkit-box;
  13090. display: -webkit-flex;
  13091. display: -ms-flexbox;
  13092. display: flex;
  13093. width: 100%;
  13094. height: 6px;
  13095. font-size: 0;
  13096. line-height: 0;
  13097. text-align: center;
  13098. }
  13099. .am-slider-c1 .am-control-nav li {
  13100. -webkit-box-flex: 1;
  13101. -webkit-flex: 1;
  13102. -ms-flex: 1;
  13103. flex: 1;
  13104. }
  13105. .am-slider-c1 .am-control-nav li a {
  13106. width: 100%;
  13107. height: 6px;
  13108. display: block;
  13109. background-color: rgba(0, 0, 0, 0.7);
  13110. cursor: pointer;
  13111. text-indent: -9999px;
  13112. }
  13113. .am-slider-c1 .am-control-nav li a:hover {
  13114. background: rgba(0, 0, 0, 0.8);
  13115. }
  13116. .am-slider-c1 .am-control-nav li a.am-active {
  13117. background-color: #0e90d2;
  13118. cursor: default;
  13119. }
  13120. .am-slider-c1 .am-slider-desc {
  13121. background-color: rgba(0, 0, 0, 0.6);
  13122. position: absolute;
  13123. bottom: 6px;
  13124. padding: 8px;
  13125. width: 100%;
  13126. color: #ffffff;
  13127. display: block;
  13128. word-wrap: normal;
  13129. /* for IE */
  13130. text-overflow: ellipsis;
  13131. white-space: nowrap;
  13132. overflow: hidden;
  13133. }
  13134. .am-slider-c1 .am-direction-nav,
  13135. .am-slider-c1 .am-pauseplay {
  13136. display: none;
  13137. }
  13138. /**
  13139. * Slider Theme: c2
  13140. */
  13141. .am-slider-c2 {
  13142. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13143. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13144. /* Control Nav */
  13145. }
  13146. .am-slider-c2 .am-viewport {
  13147. max-height: 2000px;
  13148. -webkit-transition: all 1s ease;
  13149. transition: all 1s ease;
  13150. }
  13151. .loading .am-slider-c2 .am-viewport {
  13152. max-height: 300px;
  13153. }
  13154. .am-slider-c2 .am-control-nav {
  13155. position: absolute;
  13156. bottom: 15px;
  13157. right: 0;
  13158. height: 6px;
  13159. text-align: center;
  13160. font-size: 0;
  13161. line-height: 0;
  13162. }
  13163. .am-slider-c2 .am-control-nav li {
  13164. display: inline-block;
  13165. margin-right: 6px;
  13166. }
  13167. .am-slider-c2 .am-control-nav li a {
  13168. width: 6px;
  13169. height: 6px;
  13170. display: block;
  13171. background-color: rgba(255, 255, 255, 0.4);
  13172. cursor: pointer;
  13173. text-indent: -9999px;
  13174. }
  13175. .am-slider-c2 .am-control-nav li a:hover {
  13176. background: rgba(230, 230, 230, 0.4);
  13177. }
  13178. .am-slider-c2 .am-control-nav li a.am-active {
  13179. background-color: #0e90d2;
  13180. cursor: default;
  13181. }
  13182. .am-slider-c2 .am-slider-desc {
  13183. background-color: rgba(0, 0, 0, 0.6);
  13184. position: absolute;
  13185. bottom: 0;
  13186. padding: 8px 60px 8px 8px;
  13187. width: 100%;
  13188. color: #ffffff;
  13189. display: block;
  13190. word-wrap: normal;
  13191. /* for IE */
  13192. text-overflow: ellipsis;
  13193. white-space: nowrap;
  13194. overflow: hidden;
  13195. }
  13196. .am-slider-c2 .am-direction-nav,
  13197. .am-slider-c2 .am-pauseplay {
  13198. display: none;
  13199. }
  13200. /**
  13201. * Slider Theme: c3
  13202. */
  13203. .am-slider-c3 {
  13204. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13205. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13206. /* Direction Nav */
  13207. }
  13208. .am-slider-c3 .am-viewport {
  13209. max-height: 2000px;
  13210. -webkit-transition: all 1s ease;
  13211. transition: all 1s ease;
  13212. }
  13213. .loading .am-slider-c3 .am-viewport {
  13214. max-height: 300px;
  13215. }
  13216. .am-slider-c3 .am-slider-desc {
  13217. background-color: rgba(0, 0, 0, 0.6);
  13218. position: absolute;
  13219. bottom: 10px;
  13220. right: 60px;
  13221. height: 30px;
  13222. left: 0;
  13223. padding-right: 5px;
  13224. color: #ffffff;
  13225. display: block;
  13226. word-wrap: normal;
  13227. /* for IE */
  13228. text-overflow: ellipsis;
  13229. white-space: nowrap;
  13230. overflow: hidden;
  13231. }
  13232. .am-slider-c3 .am-slider-counter {
  13233. margin-right: 5px;
  13234. display: inline-block;
  13235. height: 30px;
  13236. background-color: #0e90d2;
  13237. width: 40px;
  13238. text-align: center;
  13239. line-height: 30px;
  13240. color: #eeeeee;
  13241. font-size: 1rem;
  13242. }
  13243. .am-slider-c3 .am-slider-counter .am-active {
  13244. font-size: 1.8rem;
  13245. font-weight: bold;
  13246. color: #ffffff;
  13247. }
  13248. .am-slider-c3 .am-direction-nav a {
  13249. -webkit-box-sizing: content-box;
  13250. box-sizing: content-box;
  13251. display: block;
  13252. width: 24px;
  13253. height: 24px;
  13254. padding: 4px 0;
  13255. margin: -16px 0 0;
  13256. position: absolute;
  13257. top: 50%;
  13258. z-index: 10;
  13259. overflow: hidden;
  13260. opacity: 0.45;
  13261. cursor: pointer;
  13262. color: #ffffff;
  13263. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13264. background-color: rgba(0, 0, 0, 0.5);
  13265. font-size: 0;
  13266. text-align: center;
  13267. -webkit-transition: all .3s ease;
  13268. transition: all .3s ease;
  13269. }
  13270. .am-slider-c3 .am-direction-nav a:before {
  13271. display: inline-block;
  13272. font-family: "FontAwesome", sans-serif;
  13273. font-weight: normal;
  13274. font-style: normal;
  13275. vertical-align: baseline;
  13276. line-height: 1;
  13277. -webkit-font-smoothing: antialiased;
  13278. -moz-osx-font-smoothing: grayscale;
  13279. content: "\f053";
  13280. font-size: 16px;
  13281. line-height: 24px;
  13282. }
  13283. .am-slider-c3 .am-direction-nav a.am-prev {
  13284. left: 0;
  13285. padding-right: 5px;
  13286. }
  13287. .am-slider-c3 .am-direction-nav a.am-next {
  13288. right: 0;
  13289. padding-left: 5px;
  13290. }
  13291. .am-slider-c3 .am-direction-nav a.am-next:before {
  13292. content: "\f054";
  13293. }
  13294. .am-slider-c3 .am-direction-nav .am-disabled {
  13295. opacity: 0!important;
  13296. cursor: default;
  13297. }
  13298. .am-slider-c3:hover .am-prev {
  13299. opacity: 0.7;
  13300. }
  13301. .am-slider-c3:hover .am-prev:hover {
  13302. opacity: 1;
  13303. }
  13304. .am-slider-c3:hover .am-next {
  13305. opacity: 0.7;
  13306. }
  13307. .am-slider-c3:hover .am-next:hover {
  13308. opacity: 1;
  13309. }
  13310. .am-slider-c3 .am-control-nav,
  13311. .am-slider-c3 .am-pauseplay {
  13312. display: none;
  13313. }
  13314. /**
  13315. * Slider Theme: c4
  13316. */
  13317. .am-slider-c4 {
  13318. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13319. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13320. /* Direction Nav */
  13321. }
  13322. .am-slider-c4 .am-viewport {
  13323. max-height: 2000px;
  13324. -webkit-transition: all 1s ease;
  13325. transition: all 1s ease;
  13326. }
  13327. .loading .am-slider-c4 .am-viewport {
  13328. max-height: 300px;
  13329. }
  13330. .am-slider-c4 .am-slider-desc {
  13331. width: 100%;
  13332. background-color: rgba(0, 0, 0, 0.6);
  13333. position: absolute;
  13334. bottom: 0;
  13335. right: 0;
  13336. left: 0;
  13337. padding: 8px 40px;
  13338. color: #ffffff;
  13339. display: block;
  13340. word-wrap: normal;
  13341. /* for IE */
  13342. text-overflow: ellipsis;
  13343. white-space: nowrap;
  13344. overflow: hidden;
  13345. }
  13346. .am-slider-c4 .am-direction-nav a {
  13347. -webkit-box-sizing: content-box;
  13348. box-sizing: content-box;
  13349. display: block;
  13350. width: 24px;
  13351. height: 24px;
  13352. padding: 4px 0;
  13353. margin: 0;
  13354. position: absolute;
  13355. bottom: 4px;
  13356. z-index: 10;
  13357. overflow: hidden;
  13358. opacity: 0.45;
  13359. cursor: pointer;
  13360. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13361. font-size: 0;
  13362. text-align: center;
  13363. color: rgba(0, 0, 0, 0.7);
  13364. -webkit-transition: all .3s ease;
  13365. transition: all .3s ease;
  13366. }
  13367. .am-slider-c4 .am-direction-nav a:before {
  13368. display: inline-block;
  13369. font-family: "FontAwesome", sans-serif;
  13370. font-weight: normal;
  13371. font-style: normal;
  13372. vertical-align: baseline;
  13373. line-height: 1;
  13374. -webkit-font-smoothing: antialiased;
  13375. -moz-osx-font-smoothing: grayscale;
  13376. content: "\f053";
  13377. font-size: 24px;
  13378. }
  13379. .am-slider-c4 .am-direction-nav a.am-prev {
  13380. left: 0;
  13381. padding-right: 5px;
  13382. }
  13383. .am-slider-c4 .am-direction-nav a.am-next {
  13384. right: 0;
  13385. padding-left: 5px;
  13386. }
  13387. .am-slider-c4 .am-direction-nav a.am-next:before {
  13388. content: "\f054";
  13389. }
  13390. .am-slider-c4 .am-direction-nav .am-disabled {
  13391. opacity: 0!important;
  13392. cursor: default;
  13393. }
  13394. .am-slider-c4:hover .am-prev {
  13395. opacity: 0.7;
  13396. }
  13397. .am-slider-c4:hover .am-prev:hover {
  13398. opacity: 1;
  13399. }
  13400. .am-slider-c4:hover .am-next {
  13401. opacity: 0.7;
  13402. }
  13403. .am-slider-c4:hover .am-next:hover {
  13404. opacity: 1;
  13405. }
  13406. .am-slider-c4 .am-control-nav,
  13407. .am-slider-c4 .am-pauseplay {
  13408. display: none;
  13409. }
  13410. /**
  13411. * Slider Theme: d1
  13412. */
  13413. .am-slider-d1 {
  13414. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13415. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13416. /* Direction Nav */
  13417. }
  13418. .am-slider-d1 .am-viewport {
  13419. max-height: 2000px;
  13420. -webkit-transition: all 1s ease;
  13421. transition: all 1s ease;
  13422. }
  13423. .loading .am-slider-d1 .am-viewport {
  13424. max-height: 300px;
  13425. }
  13426. .am-slider-d1 .am-slider-desc {
  13427. padding: 8px 35px;
  13428. width: 100%;
  13429. color: #ffffff;
  13430. background-color: #0e90d2;
  13431. }
  13432. .am-slider-d1 .am-slider-title {
  13433. font-weight: normal;
  13434. margin-bottom: 2px;
  13435. display: block;
  13436. word-wrap: normal;
  13437. /* for IE */
  13438. text-overflow: ellipsis;
  13439. white-space: nowrap;
  13440. overflow: hidden;
  13441. }
  13442. .am-slider-d1 .am-slider-more {
  13443. color: #eeeeee;
  13444. font-size: 1.3rem;
  13445. }
  13446. .am-slider-d1 .am-direction-nav a {
  13447. -webkit-box-sizing: content-box;
  13448. box-sizing: content-box;
  13449. display: block;
  13450. width: 24px;
  13451. height: 24px;
  13452. margin: 0;
  13453. position: absolute;
  13454. bottom: 18px;
  13455. z-index: 10;
  13456. overflow: hidden;
  13457. opacity: 0.45;
  13458. cursor: pointer;
  13459. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13460. font-size: 0;
  13461. text-align: center;
  13462. border: 1px solid rgba(255, 255, 255, 0.9);
  13463. color: rgba(255, 255, 255, 0.9);
  13464. border-radius: 50%;
  13465. -webkit-transition: all 03s ease;
  13466. transition: all 03s ease;
  13467. }
  13468. .am-slider-d1 .am-direction-nav a:before {
  13469. display: inline-block;
  13470. font-family: "FontAwesome", sans-serif;
  13471. font-weight: normal;
  13472. font-style: normal;
  13473. vertical-align: baseline;
  13474. line-height: 1;
  13475. -webkit-font-smoothing: antialiased;
  13476. -moz-osx-font-smoothing: grayscale;
  13477. content: "\f053";
  13478. font-size: 16px;
  13479. line-height: 24px;
  13480. }
  13481. .am-slider-d1 .am-direction-nav a.am-prev {
  13482. left: 5px;
  13483. }
  13484. .am-slider-d1 .am-direction-nav a.am-next {
  13485. right: 5px;
  13486. }
  13487. .am-slider-d1 .am-direction-nav a.am-next:before {
  13488. content: "\f054";
  13489. }
  13490. .am-slider-d1 .am-direction-nav .am-disabled {
  13491. opacity: 0!important;
  13492. cursor: default;
  13493. }
  13494. .am-slider-d1:hover .am-prev {
  13495. opacity: 0.7;
  13496. }
  13497. .am-slider-d1:hover .am-prev:hover {
  13498. opacity: 1;
  13499. }
  13500. .am-slider-d1:hover .am-next {
  13501. opacity: 0.7;
  13502. }
  13503. .am-slider-d1:hover .am-next:hover {
  13504. opacity: 1;
  13505. }
  13506. .am-slider-d1 .am-control-nav,
  13507. .am-slider-d1 .am-pauseplay {
  13508. display: none;
  13509. }
  13510. /**
  13511. * Slider Theme: d2
  13512. */
  13513. .am-slider-d2 {
  13514. margin-bottom: 20px;
  13515. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13516. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13517. /* Control Nav */
  13518. }
  13519. .am-slider-d2 .am-viewport {
  13520. max-height: 2000px;
  13521. -webkit-transition: all 1s ease;
  13522. transition: all 1s ease;
  13523. }
  13524. .loading .am-slider-d2 .am-viewport {
  13525. max-height: 300px;
  13526. }
  13527. .am-slider-d2 .am-slider-desc {
  13528. position: absolute;
  13529. left: 10px;
  13530. bottom: 20px;
  13531. right: 50px;
  13532. color: #ffffff;
  13533. }
  13534. .am-slider-d2 .am-slider-content {
  13535. background-color: rgba(0, 0, 0, 0.7);
  13536. padding: 10px 6px;
  13537. margin-bottom: 10px;
  13538. }
  13539. .am-slider-d2 .am-slider-content p {
  13540. margin: 0;
  13541. display: block;
  13542. word-wrap: normal;
  13543. /* for IE */
  13544. text-overflow: ellipsis;
  13545. white-space: nowrap;
  13546. overflow: hidden;
  13547. font-size: 1.4rem;
  13548. }
  13549. .am-slider-d2 .am-slider-title {
  13550. font-weight: normal;
  13551. margin-bottom: 5px;
  13552. display: block;
  13553. word-wrap: normal;
  13554. /* for IE */
  13555. text-overflow: ellipsis;
  13556. white-space: nowrap;
  13557. overflow: hidden;
  13558. }
  13559. .am-slider-d2 .am-slider-more {
  13560. color: #eeeeee;
  13561. font-size: 1.3rem;
  13562. background-color: #0e90d2;
  13563. padding: 2px 10px;
  13564. }
  13565. .am-slider-d2 .am-control-nav {
  13566. width: 100%;
  13567. position: absolute;
  13568. bottom: -15px;
  13569. text-align: center;
  13570. }
  13571. .am-slider-d2 .am-control-nav li {
  13572. margin: 0 6px;
  13573. display: inline-block;
  13574. }
  13575. .am-slider-d2 .am-control-nav li a {
  13576. width: 8px;
  13577. height: 8px;
  13578. display: block;
  13579. background-color: rgba(0, 0, 0, 0.5);
  13580. cursor: pointer;
  13581. text-indent: -9999px;
  13582. border-radius: 50%;
  13583. font-size: 0;
  13584. line-height: 0;
  13585. -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  13586. box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  13587. }
  13588. .am-slider-d2 .am-control-nav li a:hover {
  13589. background: rgba(0, 0, 0, 0.5);
  13590. }
  13591. .am-slider-d2 .am-control-nav li a.am-active {
  13592. background: #0e90d2;
  13593. cursor: default;
  13594. }
  13595. .am-slider-d2 .am-direction-nav,
  13596. .am-slider-d2 .am-pauseplay {
  13597. display: none;
  13598. }
  13599. /**
  13600. * Slider Theme: d3
  13601. */
  13602. .am-slider-d3 {
  13603. margin-bottom: 10px;
  13604. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  13605. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2)
  13606. /* Control Nav */
  13607. }
  13608. .am-slider-d3 .am-viewport {
  13609. max-height: 2000px;
  13610. -webkit-transition: all 1s ease;
  13611. transition: all 1s ease;
  13612. }
  13613. .loading .am-slider-d3 .am-viewport {
  13614. max-height: 300px;
  13615. }
  13616. .am-slider-d3 .am-slider-desc {
  13617. position: absolute;
  13618. bottom: 0;
  13619. color: #ffffff;
  13620. width: 100%;
  13621. background-color: rgba(0, 0, 0, 0.7);
  13622. padding: 8px 5px;
  13623. }
  13624. .am-slider-d3 .am-slider-desc p {
  13625. margin: 0;
  13626. font-size: 1.3rem;
  13627. display: block;
  13628. word-wrap: normal;
  13629. /* for IE */
  13630. text-overflow: ellipsis;
  13631. white-space: nowrap;
  13632. overflow: hidden;
  13633. }
  13634. .am-slider-d3 .am-slider-title {
  13635. font-weight: normal;
  13636. margin-bottom: 5px;
  13637. display: block;
  13638. word-wrap: normal;
  13639. /* for IE */
  13640. text-overflow: ellipsis;
  13641. white-space: nowrap;
  13642. overflow: hidden;
  13643. }
  13644. .am-slider-d3 .am-control-thumbs {
  13645. position: static;
  13646. overflow: hidden;
  13647. display: -webkit-box;
  13648. display: -webkit-flex;
  13649. display: -ms-flexbox;
  13650. display: flex;
  13651. }
  13652. .am-slider-d3 .am-control-thumbs li {
  13653. -webkit-box-flex: 1;
  13654. -webkit-flex: 1;
  13655. -ms-flex: 1;
  13656. flex: 1;
  13657. padding: 12px 4px 4px;
  13658. position: relative;
  13659. }
  13660. .am-slider-d3 .am-control-thumbs img {
  13661. width: 100%;
  13662. display: block;
  13663. opacity: .85;
  13664. cursor: pointer;
  13665. }
  13666. .am-slider-d3 .am-control-thumbs img:hover {
  13667. opacity: 1;
  13668. }
  13669. .am-slider-d3 .am-control-thumbs .am-active {
  13670. opacity: 1;
  13671. cursor: default;
  13672. }
  13673. .am-slider-d3 .am-control-thumbs .am-active + i {
  13674. position: absolute;
  13675. top: 0;
  13676. left: 50%;
  13677. content: "";
  13678. display: inline-block;
  13679. width: 0;
  13680. height: 0;
  13681. vertical-align: middle;
  13682. border-top: 8px solid rgba(0, 0, 0, 0.7);
  13683. border-right: 8px solid transparent;
  13684. border-left: 8px solid transparent;
  13685. border-bottom: 0 dotted;
  13686. -webkit-transform: rotate(360deg);
  13687. -ms-transform: rotate(360deg);
  13688. transform: rotate(360deg);
  13689. margin-left: -4px;
  13690. -webkit-transition: all 0.2s;
  13691. transition: all 0.2s;
  13692. }
  13693. .am-slider-d3 .am-direction-nav,
  13694. .am-slider-d3 .am-pauseplay {
  13695. display: none;
  13696. }
  13697. /**
  13698. * Slider Theme: one
  13699. */
  13700. .am-slider-one {
  13701. -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  13702. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  13703. margin: 0 10px
  13704. /* Control Nav */
  13705. }
  13706. .am-slider-one .am-viewport {
  13707. max-height: 2000px;
  13708. -webkit-transition: all 1s ease;
  13709. transition: all 1s ease;
  13710. }
  13711. .loading .am-slider-one .am-viewport {
  13712. max-height: 300px;
  13713. }
  13714. .am-slider-one .am-viewport .am-slider-desc {
  13715. position: absolute;
  13716. left: 0;
  13717. bottom: 0;
  13718. height: 26px;
  13719. width: 100%;
  13720. line-height: 26px;
  13721. background: rgba(0, 0, 0, 0.5);
  13722. color: #ffffff;
  13723. }
  13724. .am-slider-one .am-viewport .am-slider-desc .am-slider-title {
  13725. font-weight: normal;
  13726. font-size: 12px;
  13727. text-indent: 4px;
  13728. padding-right: 80px;
  13729. display: block;
  13730. word-wrap: normal;
  13731. /* for IE */
  13732. text-overflow: ellipsis;
  13733. white-space: nowrap;
  13734. overflow: hidden;
  13735. }
  13736. .am-slider-one .am-control-nav {
  13737. display: none;
  13738. }
  13739. .am-slider-one .am-direction-nav a {
  13740. position: absolute;
  13741. top: 50%;
  13742. z-index: 10;
  13743. display: block;
  13744. width: 24px;
  13745. height: 24px;
  13746. margin: -12px 0 0;
  13747. overflow: hidden;
  13748. opacity: 0.45;
  13749. cursor: pointer;
  13750. color: rgba(0, 0, 0, 0.8);
  13751. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  13752. -webkit-transition: all .3s ease;
  13753. transition: all .3s ease;
  13754. }
  13755. .am-slider-one .am-direction-nav a:before {
  13756. display: inline-block;
  13757. font-family: "FontAwesome", sans-serif;
  13758. font-weight: normal;
  13759. font-style: normal;
  13760. vertical-align: baseline;
  13761. line-height: 1;
  13762. -webkit-font-smoothing: antialiased;
  13763. -moz-osx-font-smoothing: grayscale;
  13764. color: rgba(0, 0, 0, 0.7);
  13765. content: "\f053";
  13766. font-size: 24px;
  13767. }
  13768. .am-slider-one .am-direction-nav a.am-next:before {
  13769. content: "\f054";
  13770. }
  13771. .am-slider-one .am-direction-nav .am-prev {
  13772. left: 10px;
  13773. }
  13774. .am-slider-one .am-direction-nav .am-next {
  13775. right: 10px;
  13776. text-align: right;
  13777. }
  13778. .am-slider-one .am-direction-nav .am-disabled {
  13779. opacity: 0!important;
  13780. cursor: default;
  13781. }
  13782. .am-slider-one:hover .am-prev {
  13783. opacity: 0.7;
  13784. left: 10px;
  13785. }
  13786. .am-slider-one:hover .am-prev:hover {
  13787. opacity: 1;
  13788. }
  13789. .am-slider-one:hover .am-next {
  13790. opacity: 0.7;
  13791. right: 10px;
  13792. }
  13793. .am-slider-one:hover .am-next:hover {
  13794. opacity: 1;
  13795. }
  13796. .am-slider-one .am-pauseplay {
  13797. display: none;
  13798. }
  13799. [data-am-widget='tabs'] {
  13800. margin: 10px;
  13801. }
  13802. [data-am-widget='tabs'] .am-tabs-nav {
  13803. width: 100%;
  13804. padding: 0;
  13805. margin: 0;
  13806. list-style: none;
  13807. text-align: center;
  13808. display: -webkit-box;
  13809. display: -webkit-flex;
  13810. display: -ms-flexbox;
  13811. display: flex;
  13812. }
  13813. [data-am-widget='tabs'] .am-tabs-nav li {
  13814. -webkit-box-flex: 1;
  13815. -webkit-flex: 1;
  13816. -ms-flex: 1;
  13817. flex: 1;
  13818. }
  13819. [data-am-widget='tabs'] .am-tabs-nav a {
  13820. display: block;
  13821. word-wrap: normal;
  13822. /* for IE */
  13823. text-overflow: ellipsis;
  13824. white-space: nowrap;
  13825. overflow: hidden;
  13826. }
  13827. /**
  13828. * Tabs Theme: default
  13829. */
  13830. .am-tabs-default .am-tabs-nav {
  13831. line-height: 40px;
  13832. background-color: #eeeeee;
  13833. }
  13834. .am-tabs-default .am-tabs-nav a {
  13835. color: #222222;
  13836. line-height: 42px;
  13837. }
  13838. .am-tabs-default .am-tabs-nav > .am-active a {
  13839. background-color: #0e90d2;
  13840. color: #ffffff;
  13841. }
  13842. /**
  13843. * Tabs Theme: d2
  13844. */
  13845. .am-tabs-d2 .am-tabs-nav {
  13846. background-color: #eeeeee;
  13847. }
  13848. .am-tabs-d2 .am-tabs-nav li {
  13849. height: 42px;
  13850. }
  13851. .am-tabs-d2 .am-tabs-nav a {
  13852. color: #222222;
  13853. line-height: 42px;
  13854. }
  13855. .am-tabs-d2 .am-tabs-nav > .am-active {
  13856. position: relative;
  13857. background-color: #fcfcfc;
  13858. border-bottom: 2px solid #0e90d2;
  13859. }
  13860. .am-tabs-d2 .am-tabs-nav > .am-active a {
  13861. line-height: 40px;
  13862. color: #0e90d2;
  13863. }
  13864. .am-tabs-d2 .am-tabs-nav > .am-active:after {
  13865. position: absolute;
  13866. width: 0;
  13867. height: 0;
  13868. bottom: 0px;
  13869. left: 50%;
  13870. margin-left: -5px;
  13871. border: 6px rgba(0, 0, 0, 0) solid;
  13872. content: "";
  13873. z-index: 1;
  13874. border-bottom-color: #0e90d2;
  13875. }
  13876. /**
  13877. * Tabs Theme: one
  13878. */
  13879. .am-tabs-one {
  13880. background: #ffffff;
  13881. }
  13882. .am-tabs-one .am-tabs-nav {
  13883. height: 36px;
  13884. background-color: #ffffff;
  13885. font-size: 14px;
  13886. border-radius: 0;
  13887. }
  13888. .am-tabs-one .am-tabs-nav a {
  13889. line-height: 34px;
  13890. color: #15afef;
  13891. }
  13892. .am-tabs-one .am-tabs-nav li {
  13893. border: 1px solid #15afef;
  13894. }
  13895. .am-tabs-one .am-tabs-nav li:first-child {
  13896. border-bottom-left-radius: 0;
  13897. border-top-left-radius: 0;
  13898. }
  13899. .am-tabs-one .am-tabs-nav li:last-child {
  13900. border-bottom-right-radius: 0;
  13901. border-top-right-radius: 0;
  13902. }
  13903. .am-tabs-one .am-tabs-nav li + li {
  13904. border-left: none;
  13905. }
  13906. .am-tabs-one .am-tabs-nav .am-active a {
  13907. background-color: #15afef;
  13908. color: #ffffff;
  13909. }
  13910. .am-tabs-one .am-tabs-bd {
  13911. border: none;
  13912. }
  13913. .am-tabs-one .am-tab-panel {
  13914. padding: 15px 5px 20px;
  13915. }
  13916. .am-titlebar {
  13917. margin-top: 20px;
  13918. height: 45px;
  13919. font-size: 100%;
  13920. }
  13921. .am-titlebar h2 {
  13922. margin-top: 0;
  13923. margin-bottom: 0;
  13924. font-size: 1.6rem;
  13925. }
  13926. .am-titlebar .am-titlebar-title img {
  13927. height: 24px;
  13928. width: auto;
  13929. }
  13930. /**
  13931. * Titlebar Theme: default
  13932. */
  13933. .am-titlebar-default {
  13934. display: -webkit-box;
  13935. display: -webkit-flex;
  13936. display: -ms-flexbox;
  13937. display: flex;
  13938. margin-left: 10px;
  13939. margin-right: 10px;
  13940. background-color: transparent;
  13941. border-bottom: 1px solid #dedede;
  13942. line-height: 44px;
  13943. }
  13944. .am-titlebar-default a {
  13945. color: #0e90d2;
  13946. }
  13947. .am-titlebar-default .am-titlebar-title {
  13948. position: relative;
  13949. padding-left: 12px;
  13950. color: #0e90d2;
  13951. font-size: 1.8rem;
  13952. text-align: left;
  13953. font-weight: bold;
  13954. }
  13955. .am-titlebar-default .am-titlebar-title:before {
  13956. content: "";
  13957. position: absolute;
  13958. left: 2px;
  13959. top: 8px;
  13960. bottom: 8px;
  13961. border-left: 3px solid #0e90d2;
  13962. }
  13963. .am-titlebar-default .am-titlebar-nav {
  13964. -webkit-box-flex: 1;
  13965. -webkit-flex: 1;
  13966. -ms-flex: 1;
  13967. flex: 1;
  13968. text-align: right;
  13969. }
  13970. .am-titlebar-default .am-titlebar-nav a {
  13971. margin-right: 10px;
  13972. }
  13973. .am-titlebar-default .am-titlebar-nav a:last-child {
  13974. margin-right: 5px;
  13975. }
  13976. /**
  13977. * Titlebar Theme: multi
  13978. */
  13979. .am-titlebar-multi {
  13980. display: -webkit-box;
  13981. display: -webkit-flex;
  13982. display: -ms-flexbox;
  13983. display: flex;
  13984. background-color: #f5f5f5;
  13985. border-top: 2px solid #3bb4f2;
  13986. border-bottom: 1px solid #e8e8e8;
  13987. }
  13988. .am-titlebar-multi a {
  13989. color: #0e90d2;
  13990. }
  13991. .am-titlebar-multi .am-titlebar-title {
  13992. padding-left: 10px;
  13993. color: #0e90d2;
  13994. font-size: 1.8rem;
  13995. text-align: left;
  13996. font-weight: bold;
  13997. line-height: 42px;
  13998. }
  13999. .am-titlebar-multi .am-titlebar-nav {
  14000. -webkit-box-flex: 1;
  14001. -webkit-flex: 1;
  14002. -ms-flex: 1;
  14003. flex: 1;
  14004. text-align: right;
  14005. line-height: 42px;
  14006. }
  14007. .am-titlebar-multi .am-titlebar-nav a {
  14008. margin-right: 10px;
  14009. }
  14010. /**
  14011. * Titlebar Theme: cols
  14012. */
  14013. .am-titlebar-cols {
  14014. position: relative;
  14015. display: -webkit-box;
  14016. display: -webkit-flex;
  14017. display: -ms-flexbox;
  14018. display: flex;
  14019. padding-left: 10px;
  14020. background-color: #f5f5f5;
  14021. color: #555555;
  14022. font-size: 18px;
  14023. border-top: 2px solid #e1e1e1;
  14024. line-height: 41px;
  14025. }
  14026. .am-titlebar-cols a {
  14027. color: #555555;
  14028. }
  14029. .am-titlebar-cols .am-titlebar-title {
  14030. color: #0e90d2;
  14031. margin-right: 15px;
  14032. border-bottom: 2px solid #0e90d2;
  14033. font-weight: bold;
  14034. }
  14035. .am-titlebar-cols .am-titlebar-title a {
  14036. color: #0e90d2;
  14037. }
  14038. .am-titlebar-cols .am-titlebar-nav {
  14039. -webkit-box-flex: 1;
  14040. -webkit-flex: 1;
  14041. -ms-flex: 1;
  14042. flex: 1;
  14043. }
  14044. .am-titlebar-cols .am-titlebar-nav a {
  14045. display: inline-block;
  14046. margin-right: 15px;
  14047. line-height: 41px;
  14048. border-bottom: 2px solid transparent;
  14049. }
  14050. .am-titlebar-cols .am-titlebar-nav a:hover {
  14051. color: #3c3c3c;
  14052. border-bottom-color: #0e90d2;
  14053. }
  14054. .am-titlebar-cols .am-titlebar-nav a:last-child {
  14055. margin-right: 10px;
  14056. }
  14057. /**
  14058. * Titlebar Theme: one
  14059. */
  14060. .am-titlebar-one {
  14061. display: -webkit-box;
  14062. display: -webkit-flex;
  14063. display: -ms-flexbox;
  14064. display: flex;
  14065. margin-left: 10px;
  14066. margin-right: 10px;
  14067. height: 45px;
  14068. line-height: 44px;
  14069. background-color: #ffffff;
  14070. overflow: hidden;
  14071. border-bottom: 1px solid #15afef;
  14072. }
  14073. .am-titlebar-one .am-titlebar-title {
  14074. padding-left: 12px;
  14075. position: relative;
  14076. color: #222222;
  14077. display: block;
  14078. word-wrap: normal;
  14079. /* for IE */
  14080. text-overflow: ellipsis;
  14081. white-space: nowrap;
  14082. overflow: hidden;
  14083. }
  14084. .am-titlebar-one .am-titlebar-title:before {
  14085. content: "";
  14086. position: absolute;
  14087. left: 2px;
  14088. top: 8px;
  14089. bottom: 8px;
  14090. border-left: 3px solid #15afef;
  14091. }
  14092. .am-titlebar-one .am-titlebar-title a {
  14093. color: #222222;
  14094. }
  14095. .am-titlebar-one .am-titlebar-title img {
  14096. height: 24px;
  14097. vertical-align: top;
  14098. margin-top: 10px;
  14099. }
  14100. .am-titlebar-one .am-titlebar-title h1,
  14101. .am-titlebar-one .am-titlebar-title h2,
  14102. .am-titlebar-one .am-titlebar-title h3,
  14103. .am-titlebar-one .am-titlebar-title h4,
  14104. .am-titlebar-one .am-titlebar-title h5,
  14105. .am-titlebar-one .am-titlebar-title h6,
  14106. .am-titlebar-one .am-titlebar-title strong,
  14107. .am-titlebar-one .am-titlebar-title em {
  14108. font-style: normal;
  14109. font-weight: normal;
  14110. margin-bottom: 0;
  14111. }
  14112. .am-titlebar-one .am-titlebar-title ul,
  14113. .am-titlebar-one .am-titlebar-title li {
  14114. list-style: none;
  14115. padding-left: 0;
  14116. }
  14117. .am-titlebar-one .am-titlebar-nav {
  14118. -webkit-box-flex: 1;
  14119. -webkit-flex: 1;
  14120. -ms-flex: 1;
  14121. flex: 1;
  14122. text-align: right;
  14123. padding-right: 5px;
  14124. color: #999999;
  14125. font-size: 1.4rem;
  14126. }
  14127. .am-titlebar-one .am-titlebar-nav a {
  14128. color: #999999;
  14129. }