@charset "utf-8"; /* CSS Document */ /*! Amaze UI v1.0.1 | by Amaze UI Team | (c) 2014 AllMobilize, Inc. | Licensed under MIT | 2014-11-07T07:11:14 UTC */ /** * 1. Allow margin * 2. Prevent inherit font style * 3. Align vertical to text * 4. Correct line-height * 5. Better font rendering in Webkit */ /* ========================================================================== Component: Base ============================================================================ */ /** * Fix the flawed CSS box model - Yes, IE6's box model is better * Browser support: IE8+ * via: http://paulirish.com/2012/box-sizing-border-box-ftw/ */ *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* normalize.css v3.0.1 | git.io/normalize */ /* Set and to inherit the height of the viewport */ html,body { min-height: 100%;} /** * 1. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust */ html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} /** * Remove default margin. */ body { margin: 0;} /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. * hgroup has been removed from the HTML5 (W3C) specification * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup */ article,aside,details,figcaption,figure,footer,header,main,nav,section,summary {display: block;} /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio,canvas,progress,video { display: inline-block; vertical-align: baseline; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0;} /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden],template,script { display: none;} /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Address `outline` inconsistency between Chrome and other browsers. */ /* Text-level semantics ========================================================================== */ /** * Remove text-decoration */ /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted;} /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b,strong {font-weight: bold;} /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap;} /** * Address inconsistent and variable font size in all browsers. */ img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; vertical-align: middle; border: 0;} /* Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px;padding: 0.35em 0.625em 0.75em;} /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; padding: 0;} /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button,input,optgroup,select,textarea { color: inherit;font: inherit;margin: 0;} /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible;} /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button,input {line-height: normal;} /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button,select {text-transform: none;} /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;cursor: pointer;} /* * 1. Improves consistency of cursor style for clickable elements * 2. Removes excess padding in IE 8/9. * 3. Address box sizing set to `content-box` in IE 8/9/10. */ input[type="radio"],input[type="checkbox"] { cursor: pointer;padding: 0;box-sizing: border-box;} /** * Re-set default cursor for disabled elements. */ button[disabled],html input[disabled] {cursor: default;} /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;} /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; vertical-align: top; resize: vertical;} /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup {font-weight: bold;} /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0;} td,th { padding: 0;} /* AMUI Base ========================================================================== */ /** * `font-size` is set in `html` element to support the `rem` unit for font-sizes * NOTE: IE9 & IE10 do not recognize `rem` units when used with the `font` shorthand property. */ html { font-size: 62.5%; } body { position: relative;background: #f4f4f4; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei"; font-weight: normal;line-height: 1.6;color: #333333; font-size:16px;} /** * 1. http://usabilitypost.com/2012/11/15/w-optimizelegibility-on-mobile-devices/ * 2. http://maxvoltar.com/archive/-webkit-font-smoothing * NOTE: http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/ * 3. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx * http://jaydenseric.com/blog/css-font-smoothing-for-firefox-mac */ body,input,textarea,select,button { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern";} /*Only phones */ @media (max-width: 640px) { /** * Break strings if their length exceeds the width of their container */ body { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } } /** * links */ a:link{color: #333;text-decoration:none} a:visited{color: #333;text-decoration:none;} a:hover{color:#333;text-decoration:underline; } a:active{color: #333;text-decoration:none} /** * Mark * Note: Addresses styling not present in IE 8/9. */ mark { background: #ffffaa; color: #333333;} /** * Selection highlight */ ::-moz-selection { background: #0e90d2; color: #ffffff; text-shadow: none;} ::selection { background: #0e90d2; color: #ffffff; text-shadow: none;} /* Change `background` for text selections when browser is unfocused */ ::selection:window-inactive {} /* Remove `background` on images when selected */ img::selection { background: transparent;} img::-moz-selection { background: transparent;} /** * Abbreviation and definition */ abbr[title],dfn[title] { cursor: help;} dfn[title] { border-bottom: 1px dotted; font-style: normal;} /* Spacing for block elements */ p,hr,ul,ol,dl,blockquote,pre,address,fieldset,figure { margin: 0px;} * + p,* + hr,* + ul,* + ol,* + dl,* + blockquote,* + pre,* + address,* + fieldset,* + figure { margin-top: 0rem;} /* Headings ========================================================================== */ h1,h2,h3,h4,h5,h6 { font-size: 100%;} h1 { font-size: 1.5em;} h2 { font-size: 16px; margin: 0px; font-weight: normal;} /* Ordered and unordered lists */ ul,ol { padding-left: 2em;} /* Reset margin for nested lists */ ul > li > ul,ul > li > ol,ol > li > ol,ol > li > ul { margin: 1em 0;} /* Description lists */ dt { font-weight: bold;} dt + dd { margin-top: .5em;} dd { margin-left: 0;} dd + dt { margin-top: 1em;} /* Quotes */ blockquote { padding-top: 5px; padding-bottom: 5px; padding-left: 15px; border-left: 4px solid #dddddd; font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, serif; /* Small print for identifying the source */ /* Smaller margin if `small` follows */ } blockquote small { display: block; color: #999999; text-align: right; } blockquote p:last-of-type { margin-bottom: 0; } /* iframe */ iframe { border: 0; } /* Forms ========================================================================== */ /** * Vertical alignment * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text */ button, input:not([type="radio"]):not([type="checkbox"]), select { vertical-align: middle; } /** * Fix viewport for IE10 snap mode * http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ * http://msdn.microsoft.com/en-us/library/ie/hh869615%28v=vs.85%29.aspx * http://msdn.microsoft.com/zh-cn/library/ie/hh708740(v=vs.85).aspx * @2014.01.20: 设置一下属性以后，windows Phone 8 上显示的字体过小，暂时注释掉 * ========================================================================== */ /* @-ms-viewport { width: device-width; } */ .pinch-zoom { width: 100%; } /* ========================================================================== Component: Grid ============================================================================ */ .am-g { margin: 0 auto; width: 100%;} .am-g:before,.am-g:after { content: " "; display: table;} .am-g:after { clear: both;} .am-g.am-g-collapse .am-col,.am-g.am-g-collapse [class*='col-'] { padding-left: 0; padding-right: 0;} .am-g .am-g { margin-left: -1rem; margin-right: -1rem; width: auto;} .am-g .am-g.am-g-collapse { margin-left: 0; margin-right: 0;} /* Fixed Grid */ .am-g-fixed { max-width: 1000px;} .am-col,[class^='col-'] { width: 100%; float: left; position: relative;} /* Increasing gutter for medium and large screen */ @media only screen and (min-width:641px) { .am-g .am-g { margin-left: -1.5rem; margin-right: -1.5rem;} .am-col, [class*='col-'] { } } /* Basic grid */ @media only screen { .col-sm-1 { width: 8.33333%;} .col-sm-2 {width: 16.66667%;} .col-sm-3 {width: 25%;} .col-sm-4 {width: 33.33333%;} .col-sm-5 {width: 41.66667%;} .col-sm-6 { width: 50%;} .col-sm-7 { width: 58.33333%;} .col-sm-8 {width: 66.66667%;} .col-sm-9 { width: 75%;} .col-sm-10 {width: 83.33333%;} .col-sm-11 { width: 91.66667%;} .col-sm-12 { width: 100%;} [class='am-col'] + [class='am-col']:last-child, [class^='col-'] + [class^='col-']:last-child { float: right; } [class='am-col'] + [class='am-col'].col-end, [class^='col-'] + [class^='col-'].col-end { float: left; } .am-col.col-sm-centered, [class^='col-'].col-sm-centered { margin-left: auto; margin-right: auto; float: none; } .am-col.col-sm-centered:last-child, [class^='col-'].col-sm-centered:last-child { float: none; } .am-col.col-sm-uncentered, [class^='col-'].col-sm-uncentered { margin-left: 0; margin-right: 0; float: left; } .am-col.col-sm-uncentered:last-child, [class^='col-'].col-sm-uncentered:last-child { float: left; } } @media only screen and (min-width:641px) { .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .am-col.col-md-centered, [class^='col-'].col-md-centered { margin-left: auto; margin-right: auto; float: none !important; } .am-col.col-md-centered:last-child, [class^='col-'].col-md-centered:last-child { float: none !important; } .am-col.col-md-uncentered, [class^='col-'].col-md-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .am-col.col-md-uncentered:last-child, [class^='col-'].col-md-uncentered:last-child { float: left !important; } } @media only screen and (min-width:1025px) { .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .am-col.col-lg-centered, [class^='col-'].col-lg-centered { margin-left: auto; margin-right: auto; float: none !important; } .am-col.col-lg-centered:last-child, [class^='col-'].col-lg-centered:last-child { float: none !important; } .am-col.col-lg-uncentered, [class^='col-'].col-lg-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .am-col.col-lg-uncentered:last-child, [class^='col-'].col-lg-uncentered:last-child { float: left !important; } } /* ========================================================================== Component: Block Grid ============================================================================ */ [class*="block-grid-"] { display: block; padding: 0; margin: 0; list-style: none; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; } @media only screen { .sm-block-grid-1 > li { width: 100%; } .sm-block-grid-1 > li:nth-of-type(n) { clear: none; } .sm-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .sm-block-grid-2 > li { width: 50%; } .sm-block-grid-2 > li:nth-of-type(n) { clear: none; } .sm-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .sm-block-grid-3 > li { width: 33.33333%; } .sm-block-grid-3 > li:nth-of-type(n) { clear: none; } .sm-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .sm-block-grid-4 > li { width: 25%; } .sm-block-grid-4 > li:nth-of-type(n) { clear: none; } .sm-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .sm-block-grid-5 > li { width: 20%; } .sm-block-grid-5 > li:nth-of-type(n) { clear: none; } .sm-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .sm-block-grid-6 > li { width: 16.66667%; } .sm-block-grid-6 > li:nth-of-type(n) { clear: none; } .sm-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .sm-block-grid-7 > li { width: 14.28571%; } .sm-block-grid-7 > li:nth-of-type(n) { clear: none; } .sm-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .sm-block-grid-8 > li { width: 12.5%; } .sm-block-grid-8 > li:nth-of-type(n) { clear: none; } .sm-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .sm-block-grid-9 > li { width: 11.11111%; } .sm-block-grid-9 > li:nth-of-type(n) { clear: none; } .sm-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .sm-block-grid-10 > li { width: 10%; } .sm-block-grid-10 > li:nth-of-type(n) { clear: none; } .sm-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .sm-block-grid-11 > li { width: 9.09091%; } .sm-block-grid-11 > li:nth-of-type(n) { clear: none; } .sm-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .sm-block-grid-12 > li { width: 8.33333%; } .sm-block-grid-12 > li:nth-of-type(n) { clear: none; } .sm-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width:641px) { .md-block-grid-1 > li { width: 100%; } .md-block-grid-1 > li:nth-of-type(n) { clear: none; } .md-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .md-block-grid-2 > li { width: 50%; } .md-block-grid-2 > li:nth-of-type(n) { clear: none; } .md-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .md-block-grid-3 > li { width: 33.33333%; } .md-block-grid-3 > li:nth-of-type(n) { clear: none; } .md-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .md-block-grid-4 > li { width: 25%; } .md-block-grid-4 > li:nth-of-type(n) { clear: none; } .md-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .md-block-grid-5 > li { width: 20%; } .md-block-grid-5 > li:nth-of-type(n) { clear: none; } .md-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .md-block-grid-6 > li { width: 16.66667%; } .md-block-grid-6 > li:nth-of-type(n) { clear: none; } .md-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .md-block-grid-7 > li { width: 14.28571%; } .md-block-grid-7 > li:nth-of-type(n) { clear: none; } .md-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .md-block-grid-8 > li { width: 12.5%; } .md-block-grid-8 > li:nth-of-type(n) { clear: none; } .md-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .md-block-grid-9 > li { width: 11.11111%; } .md-block-grid-9 > li:nth-of-type(n) { clear: none; } .md-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .md-block-grid-10 > li { width: 10%; } .md-block-grid-10 > li:nth-of-type(n) { clear: none; } .md-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .md-block-grid-11 > li { width: 9.09091%; } .md-block-grid-11 > li:nth-of-type(n) { clear: none; } .md-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .md-block-grid-12 > li { width: 8.33333%; } .md-block-grid-12 > li:nth-of-type(n) { clear: none; } .md-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width:1025px) { .lg-block-grid-1 > li { width: 100%; } .lg-block-grid-1 > li:nth-of-type(n) { clear: none; } .lg-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .lg-block-grid-2 > li { width: 50%; } .lg-block-grid-2 > li:nth-of-type(n) { clear: none; } .lg-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .lg-block-grid-3 > li { width: 33.33333%; } .lg-block-grid-3 > li:nth-of-type(n) { clear: none; } .lg-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .lg-block-grid-4 > li { width: 25%; } .lg-block-grid-4 > li:nth-of-type(n) { clear: none; } .lg-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .lg-block-grid-5 > li { width: 20%; } .lg-block-grid-5 > li:nth-of-type(n) { clear: none; } .lg-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .lg-block-grid-6 > li { width: 16.66667%; } .lg-block-grid-6 > li:nth-of-type(n) { clear: none; } .lg-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .lg-block-grid-7 > li { width: 14.28571%; } .lg-block-grid-7 > li:nth-of-type(n) { clear: none; } .lg-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .lg-block-grid-8 > li { width: 12.5%; } .lg-block-grid-8 > li:nth-of-type(n) { clear: none; } .lg-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .lg-block-grid-9 > li { width: 11.11111%; } .lg-block-grid-9 > li:nth-of-type(n) { clear: none; } .lg-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .lg-block-grid-10 > li { width: 10%; } .lg-block-grid-10 > li:nth-of-type(n) { clear: none; } .lg-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .lg-block-grid-11 > li { width: 9.09091%; } .lg-block-grid-11 > li:nth-of-type(n) { clear: none; } .lg-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .lg-block-grid-12 > li { width: 8.33333%; } .lg-block-grid-12 > li:nth-of-type(n) { clear: none; } .lg-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Inline code */ code { padding: 2px 4px; font-size: 1.3rem; color: #c7254e; background-color: #f8f8f8; white-space: nowrap; border-radius: 2px; } /* Code block */ pre { display: block; padding: 1rem; margin: 1rem 0; font-size: 1.3rem; line-height: 1.6; word-break: break-all; word-wrap: break-word; color: #555555; background-color: #f8f8f8; border: 1px solid #dedede; border-radius: 2px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } /* Enable scrollable blocks of code */ .am-pre-scrollable { max-height: 24rem; overflow-y: scroll; } /* ========================================================================== Component: Table ============================================================================ */ table { max-width: 100%; background-color: transparent; empty-cells: show; } table code { white-space: normal; } th { text-align: left; } .am-table { width: 100%; margin-bottom: 1.6rem; } .am-table > thead > tr > th, .am-table > tbody > tr > th, .am-table > tfoot > tr > th, .am-table > thead > tr > td, .am-table > tbody > tr > td, .am-table > tfoot > tr > td { padding: 0.7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #dddddd; } .am-table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .am-table > caption + thead > tr:first-child > th, .am-table > colgroup + thead > tr:first-child > th, .am-table > thead:first-child > tr:first-child > th, .am-table > caption + thead > tr:first-child > td, .am-table > colgroup + thead > tr:first-child > td, .am-table > thead:first-child > tr:first-child > td { border-top: 0; } .am-table > tbody + tbody { border-top: 2px solid #dddddd; } /* Bordered version */ .am-table-bd { border: 1px solid #dddddd; } .am-table-bd > thead > tr > th, .am-table-bd > tbody > tr > th, .am-table-bd > tfoot > tr > th, .am-table-bd > thead > tr > td, .am-table-bd > tbody > tr > td, .am-table-bd > tfoot > tr > td { border: 1px solid #dddddd; } .am-table-bd > thead > tr > th, .am-table-bd > thead > tr > td { border-bottom-width: 2px; } /* Border-radius version */ .am-table-bdrs { border: none; -webkit-box-shadow: 0 0 1px #999999; box-shadow: 0 0 1px #999999; border-radius: 2px; } .am-table-bdrs > thead > tr:first-child > th:first-child, .am-table-bdrs > thead > tr:first-child > td:first-child { border-top-left-radius: 2px; border-left: none; } .am-table-bdrs > thead > tr:first-child > th:last-child, .am-table-bdrs > thead > tr:first-child > td:last-child { border-top-right-radius: 2px; border-right: none; } .am-table-bdrs > tbody > tr > th:first-child, .am-table-bdrs > tbody > tr > td:first-child { border-left: none; } .am-table-bdrs > tbody > tr > th:last-child, .am-table-bdrs > tbody > tr > td:last-child { border-right: none; } .am-table-bdrs > tbody > tr:last-child > th, .am-table-bdrs > tbody > tr:last-child > td { border-bottom: none; } .am-table-bdrs > tbody > tr:last-child > th:first-child, .am-table-bdrs > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 2px; } .am-table-bdrs > tbody > tr:last-child > th:last-child, .am-table-bdrs > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 2px; } /* Zebra-striping */ .am-table-striped > tbody > tr:nth-child(odd) > td, .am-table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } /* Hover effect */ .am-table-hover > tbody > tr:hover > td, .am-table-hover > tbody > tr:hover > th { background-color: #e9e9e9; } /* Active table backgrounds */ .am-table > thead > tr > td.am-active, .am-table > tbody > tr > td.am-active, .am-table > tfoot > tr > td.am-active, .am-table > thead > tr > th.am-active, .am-table > tbody > tr > th.am-active, .am-table > tfoot > tr > th.am-active, .am-table > thead > tr.am-active > td, .am-table > tbody > tr.am-active > td, .am-table > tfoot > tr.am-active > td, .am-table > thead > tr.am-active > th, .am-table > tbody > tr.am-active > th, .am-table > tfoot > tr.am-active > th { background-color: #ffffdd; } /* ========================================================================== Component: Form ============================================================================ */ /* Normalize */ fieldset { border: none; } legend { display: block; width: 100%; margin-bottom: 2rem; font-size: 2rem; line-height: inherit; color: #333333; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.5rem; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } output { display: block; padding-top: 1.6rem; font-size: 1.6rem; line-height: 1.6; color: #555555; vertical-align: middle; } /* Common form controls */ .am-form select, .am-form textarea, .am-form input[type="text"], .am-form input[type="password"], .am-form input[type="datetime"], .am-form input[type="datetime-local"], .am-form input[type="date"], .am-form input[type="month"], .am-form input[type="time"], .am-form input[type="week"], .am-form input[type="number"], .am-form input[type="email"], .am-form input[type="url"], .am-form input[type="search"], .am-form input[type="tel"], .am-form input[type="color"], .am-form-field { display: block; width: 100%; padding: 0.625em; font-size: 1.6rem; line-height: 1.2; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 2px; -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .am-form select:focus, .am-form textarea:focus, .am-form input[type="text"]:focus, .am-form input[type="password"]:focus, .am-form input[type="datetime"]:focus, .am-form input[type="datetime-local"]:focus, .am-form input[type="date"]:focus, .am-form input[type="month"]:focus, .am-form input[type="time"]:focus, .am-form input[type="week"]:focus, .am-form input[type="number"]:focus, .am-form input[type="email"]:focus, .am-form input[type="url"]:focus, .am-form input[type="search"]:focus, .am-form input[type="tel"]:focus, .am-form input[type="color"]:focus, .am-form-field:focus { background-color: #fafffe; border-color: #3bb4f2; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59, 180, 242, 0.3); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(59, 180, 242, 0.3); } .am-form select:-moz-placeholder, .am-form textarea:-moz-placeholder, .am-form input[type="text"]:-moz-placeholder, .am-form input[type="password"]:-moz-placeholder, .am-form input[type="datetime"]:-moz-placeholder, .am-form input[type="datetime-local"]:-moz-placeholder, .am-form input[type="date"]:-moz-placeholder, .am-form input[type="month"]:-moz-placeholder, .am-form input[type="time"]:-moz-placeholder, .am-form input[type="week"]:-moz-placeholder, .am-form input[type="number"]:-moz-placeholder, .am-form input[type="email"]:-moz-placeholder, .am-form input[type="url"]:-moz-placeholder, .am-form input[type="search"]:-moz-placeholder, .am-form input[type="tel"]:-moz-placeholder, .am-form input[type="color"]:-moz-placeholder, .am-form-field:-moz-placeholder { color: #999999; } .am-form select::-moz-placeholder, .am-form textarea::-moz-placeholder, .am-form input[type="text"]::-moz-placeholder, .am-form input[type="password"]::-moz-placeholder, .am-form input[type="datetime"]::-moz-placeholder, .am-form input[type="datetime-local"]::-moz-placeholder, .am-form input[type="date"]::-moz-placeholder, .am-form input[type="month"]::-moz-placeholder, .am-form input[type="time"]::-moz-placeholder, .am-form input[type="week"]::-moz-placeholder, .am-form input[type="number"]::-moz-placeholder, .am-form input[type="email"]::-moz-placeholder, .am-form input[type="url"]::-moz-placeholder, .am-form input[type="search"]::-moz-placeholder, .am-form input[type="tel"]::-moz-placeholder, .am-form input[type="color"]::-moz-placeholder, .am-form-field::-moz-placeholder { color: #999999; } .am-form select:-ms-input-placeholder, .am-form textarea:-ms-input-placeholder, .am-form input[type="text"]:-ms-input-placeholder, .am-form input[type="password"]:-ms-input-placeholder, .am-form input[type="datetime"]:-ms-input-placeholder, .am-form input[type="datetime-local"]:-ms-input-placeholder, .am-form input[type="date"]:-ms-input-placeholder, .am-form input[type="month"]:-ms-input-placeholder, .am-form input[type="time"]:-ms-input-placeholder, .am-form input[type="week"]:-ms-input-placeholder, .am-form input[type="number"]:-ms-input-placeholder, .am-form input[type="email"]:-ms-input-placeholder, .am-form input[type="url"]:-ms-input-placeholder, .am-form input[type="search"]:-ms-input-placeholder, .am-form input[type="tel"]:-ms-input-placeholder, .am-form input[type="color"]:-ms-input-placeholder, .am-form-field:-ms-input-placeholder { color: #999999; } .am-form select::-webkit-input-placeholder, .am-form textarea::-webkit-input-placeholder, .am-form input[type="text"]::-webkit-input-placeholder, .am-form input[type="password"]::-webkit-input-placeholder, .am-form input[type="datetime"]::-webkit-input-placeholder, .am-form input[type="datetime-local"]::-webkit-input-placeholder, .am-form input[type="date"]::-webkit-input-placeholder, .am-form input[type="month"]::-webkit-input-placeholder, .am-form input[type="time"]::-webkit-input-placeholder, .am-form input[type="week"]::-webkit-input-placeholder, .am-form input[type="number"]::-webkit-input-placeholder, .am-form input[type="email"]::-webkit-input-placeholder, .am-form input[type="url"]::-webkit-input-placeholder, .am-form input[type="search"]::-webkit-input-placeholder, .am-form input[type="tel"]::-webkit-input-placeholder, .am-form input[type="color"]::-webkit-input-placeholder, .am-form-field::-webkit-input-placeholder { color: #999999; } .am-form select[disabled], .am-form textarea[disabled], .am-form input[type="text"][disabled], .am-form input[type="password"][disabled], .am-form input[type="datetime"][disabled], .am-form input[type="datetime-local"][disabled], .am-form input[type="date"][disabled], .am-form input[type="month"][disabled], .am-form input[type="time"][disabled], .am-form input[type="week"][disabled], .am-form input[type="number"][disabled], .am-form input[type="email"][disabled], .am-form input[type="url"][disabled], .am-form input[type="search"][disabled], .am-form input[type="tel"][disabled], .am-form input[type="color"][disabled], .am-form-field[disabled], .am-form select[readonly], .am-form textarea[readonly], .am-form input[type="text"][readonly], .am-form input[type="password"][readonly], .am-form input[type="datetime"][readonly], .am-form input[type="datetime-local"][readonly], .am-form input[type="date"][readonly], .am-form input[type="month"][readonly], .am-form input[type="time"][readonly], .am-form input[type="week"][readonly], .am-form input[type="number"][readonly], .am-form input[type="email"][readonly], .am-form input[type="url"][readonly], .am-form input[type="search"][readonly], .am-form input[type="tel"][readonly], .am-form input[type="color"][readonly], .am-form-field[readonly], fieldset[disabled] .am-form select, fieldset[disabled] .am-form textarea, fieldset[disabled] .am-form input[type="text"], fieldset[disabled] .am-form input[type="password"], fieldset[disabled] .am-form input[type="datetime"], fieldset[disabled] .am-form input[type="datetime-local"], fieldset[disabled] .am-form input[type="date"], fieldset[disabled] .am-form input[type="month"], fieldset[disabled] .am-form input[type="time"], fieldset[disabled] .am-form input[type="week"], fieldset[disabled] .am-form input[type="number"], fieldset[disabled] .am-form input[type="email"], fieldset[disabled] .am-form input[type="url"], fieldset[disabled] .am-form input[type="search"], fieldset[disabled] .am-form input[type="tel"], fieldset[disabled] .am-form input[type="color"], fieldset[disabled] .am-form-field { cursor: not-allowed; background-color: #eeeeee; } .am-form textarea, .am-form select[multiple], .am-form select[size] { height: auto; } .am-form select { -webkit-appearance: none !important; -webkit-border-radius: 2px; background: #ffffff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+') no-repeat 100% center; } .am-form select[multiple="multiple"] { background-image: none; } /* help text */ .am-form-help { display: block; margin-top: 5px; margin-bottom: 10px; color: #999999; font-size: 1.3rem; } /* form group */ .am-form-group { margin-bottom: 1.5rem; } /** * Checkboxes and radios * Indent the labels to position radios/checkboxes as hanging controls. */ .am-radio, .am-checkbox { display: block; min-height: 1.92rem; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; vertical-align: middle; } .am-radio label, .am-checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; } .am-radio input[type="radio"], .am-radio-inline input[type="radio"], .am-checkbox input[type="checkbox"], .am-checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; outline: none; } .am-radio + .am-radio, .am-checkbox + .am-checkbox { margin-top: -5px; } /* Radios and checkboxes inline */ .am-radio-inline, .am-checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .am-radio-inline + .am-radio-inline, .am-checkbox-inline + .am-checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .am-radio[disabled], .am-radio-inline[disabled], .am-checkbox[disabled], .am-checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .am-radio, fieldset[disabled] .am-radio-inline, fieldset[disabled] .am-checkbox, fieldset[disabled] .am-checkbox-inline { cursor: not-allowed; } /* Form field feedback states */ .am-form-warning .am-form-help, .am-form-warning .am-form-label, .am-form-warning .am-radio, .am-form-warning .am-checkbox, .am-form-warning .am-radio-inline, .am-form-warning .am-checkbox-inline { color: #f37b1d; } .am-form-warning .am-form-field { border-color: #f37b1d !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .am-form-warning .am-form-field:focus { background-color: #fafffe; border-color: #d2620b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f8b47e !important; } .am-form-warning [class*='am-icon-'] { color: #f37b1d; } .am-form-error .am-form-help, .am-form-error .am-form-label, .am-form-error .am-radio, .am-form-error .am-checkbox, .am-form-error .am-radio-inline, .am-form-error .am-checkbox-inline { color: #dd514c; } .am-form-error .am-form-field { border-color: #dd514c !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .am-form-error .am-form-field:focus { background-color: #fafffe; border-color: #cf2d27; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #eda4a2 !important; } .am-form-error [class*='am-icon-'] { color: #dd514c; } .am-form-success .am-form-help, .am-form-success .am-form-label, .am-form-success .am-radio, .am-form-success .am-checkbox, .am-form-success .am-radio-inline, .am-form-success .am-checkbox-inline { color: #5eb95e; } .am-form-success .am-form-field { border-color: #5eb95e !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .am-form-success .am-form-field:focus { background-color: #fafffe; border-color: #459f45; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #a5d8a5 !important; } .am-form-success [class*='am-icon-'] { color: #5eb95e; } /* Horizontal forms */ .am-form-horizontal .am-form-label, .am-form-horizontal .am-radio, .am-form-horizontal .am-checkbox, .am-form-horizontal .am-radio-inline, .am-form-horizontal .am-checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 0.6em; } .am-form-horizontal .am-form-group:before, .am-form-horizontal .am-form-group:after { content: " "; display: table; } .am-form-horizontal .am-form-group:after { clear: both; } @media only screen and (min-width:641px) { .am-form-horizontal .am-form-label { text-align: right; } } /* Inline form elements */ @media only screen and (min-width:641px) { .am-form-inline .am-form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .am-form-inline .am-form-field { display: inline-block; width: auto; vertical-align: middle; } .am-form-inline .am-input-group { display: inline-table; vertical-align: middle; } .am-form-inline .am-input-group .am-input-group-addon, .am-form-inline .am-input-group .am-input-group-btn, .am-form-inline .am-input-group .am-form-control { width: auto; } .am-form-inline .am-input-group > .am-form-field { width: 100%; } .am-form-inline .am-form-label { margin-bottom: 0; vertical-align: middle; } .am-form-inline .am-radio, .am-form-inline .am-checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .am-form-inline .am-radio input[type="radio"], .am-form-inline .am-checkbox input[type="checkbox"] { float: none; margin-left: 0; } .am-form-inline .am-form-feedback .am-form-field-feedback { top: 0; } } /* Form field size */ .am-input-sm { font-size: 1.4rem !important; } .am-input-lg { font-size: 1.8rem !important; } /* Form field feedback states */ .am-form-icon { position: relative; } .am-form-icon .am-form-field { padding-left: 1.875em !important; } .am-form-icon [class*='am-icon-'] { position: absolute; left: 0.625em; top: 50%; display: block; margin-top: -0.775em; z-index: 2; } /* Feedback Icon */ .am-form-feedback { position: relative; } .am-form-feedback .am-form-field { padding-left: 0.625em !important; padding-right: 1.875em !important; } .am-form-feedback [class*='am-icon-'] { right: 0.625em; left: auto; } /* Form set */ .am-form-set { margin-bottom: 1.5rem; padding: 0; } .am-form-set > input { position: relative; top: -1px; border-radius: 0 !important; } .am-form-set > input:focus { z-index: 2; } .am-form-set > input:first-child { top: 1px; border-top-right-radius: 2px !important; border-top-left-radius: 2px !important; } .am-form-set > input:last-child { top: -2px; border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; } /* ========================================================================== Component: Image ============================================================================ */ /* Rounded corners */ .am-img-bdrs { border-radius: 2px; } /* Image thumbnails */ .am-img-thumbnail { padding: 2px; line-height: 1.6; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; } .am-img-circle { border-radius: 50%; } .am-img-responsive { display: block; } /* ========================================================================== Component: Nav ============================================================================ */ .am-nav { margin-bottom: 0; padding: 0; list-style: none; } .am-nav:before, .am-nav:after { content: " "; display: table; } .am-nav:after { clear: both; } .am-nav > li { position: relative; display: block; } .am-nav > li + li { margin-top: 5px; } .am-nav > li + .am-nav-header { margin-top: 1em; } .am-nav > li > a { position: relative; display: block; padding: 0.4em 1em; border-radius: 2px; } .am-nav > li > a:hover, .am-nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .am-nav > li.am-active > a, .am-nav > li.am-active > a:hover, .am-nav > li.am-active > a:focus { color: #ffffff; background-color: #0e90d2; cursor: default; } .am-nav > li.am-disabled > a { color: #999999; } .am-nav > li.am-disabled > a:hover, .am-nav > li.am-disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } .am-nav-header { padding: 0.4em 1em; text-transform: uppercase; font-weight: bold; font-size: 100%; color: #555555; } .am-nav-divider { margin: 15px 1em !important; border-top: 1px solid #ddd; -webkit-box-shadow: 0 1px 0 #ffffff; box-shadow: 0 1px 0 #ffffff; } .am-nav-pills > li { float: left; } .am-nav-pills > li + li { margin-left: 5px; margin-top: 0; } .am-nav-tabs { border-bottom: 1px solid #dddddd; } .am-nav-tabs > li { float: left; margin-bottom: -1px; } .am-nav-tabs > li + li { margin-top: 0; } .am-nav-tabs > li > a { margin-right: 5px; line-height: 1.6; border: 1px solid transparent; border-radius: 2px 2px 0 0; } .am-nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .am-nav-tabs > li.am-active > a, .am-nav-tabs > li.am-active > a:hover, .am-nav-tabs > li.am-active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .am-nav-tabs.am-nav-justify { border-bottom: 0; } .am-nav-tabs.am-nav-justify > li > a { margin-right: 0; border-radius: 2px; } .am-nav-tabs.am-nav-justify > .am-active > a, .am-nav-tabs.am-nav-justify > .am-active > a:hover, .am-nav-tabs.am-nav-justify > .am-active > a:focus { border: 1px solid #dddddd; } @media only screen and (min-width:641px) { .am-nav-tabs.am-nav-justify > li > a { border-bottom: 1px solid #dddddd; border-radius: 2px 2px 0 0; } .am-nav-tabs.am-nav-justify > .am-active > a, .am-nav-tabs.am-nav-justify > .am-active > a:hover, .am-nav-tabs.am-nav-justify > .am-active > a:focus { border-bottom-color: #ffffff; } } .am-nav-justify { width: 100%; } .am-nav-justify > li { float: none; } .am-nav-justify > li > a { text-align: center; margin-bottom: 5px; } @media only screen and (min-width:641px) { .am-nav-justify > li { display: table-cell; width: 1%; } .am-nav-justify > li > a { margin-bottom: 0; } } .am-nav-tabs-justify { border-bottom: 0; } .am-nav-tabs-justify > li > a { margin-right: 0; border-radius: 2px; } .am-nav-tabs-justify > .am-active > a, .am-nav-tabs-justify > .am-active > a:hover, .am-nav-tabs-justify > .am-active > a:focus { border: 1px solid #dddddd; } @media only screen and (min-width:641px) { .am-nav-tabs-justify > li > a { border-bottom: 1px solid #dddddd; border-radius: 2px 2px 0 0; } .am-nav-tabs-justify > .am-active > a, .am-nav-tabs-justify > .am-active > a:hover, .am-nav-tabs-justify > .am-active > a:focus { border-bottom-color: #ffffff; } } /* ========================================================================== Component: Article ============================================================================ */ .am-article:before, .am-article:after { content: " "; display: table; } .am-article:after { clear: both; } .am-article > :last-child { margin-bottom: 0; } .am-article + .am-article { margin-top: 2.4rem; } /* Sub-object `.am-article-title` */ .am-article-title { font-size: 2.8rem; line-height: 1.15; font-weight: normal; } .am-article-title a { color: inherit; text-decoration: none; } /* Sub-object `.am-article-meta` */ .am-article-meta { font-size: 1.2rem; line-height: 1.5; color: #999999; } /* Sub-object `.am-article-lead` */ .am-article-lead { color: #666666; font-size: 1.4rem; line-height: 1.5; border: 1px solid #dedede; border-radius: 2px; background: #f9f9f9; padding: 10px; } /* Sub-object `.am-article-divider` */ .am-article-divider { margin-bottom: 2.4rem; border-color: #eeeeee; } * + .am-article-divider { margin-top: 2.4rem; } /* Sub-object `.am-article-bd` */ .am-article-bd blockquote { font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, serif; } /* ========================================================================== Component: List ============================================================================ */ .am-list { margin-bottom: 1.6rem; padding-left: 0; } .am-list > li { position: relative; display: block; border: 1px solid #dedede; border-width: 0px 0px 1px; } .am-list > li > a { } .am-list > li > a.am-active, .am-list > li > a.am-active:hover, .am-list > li > a.am-active:focus { z-index: 2; color: #ffffff; background-color: #0e90d2; border-color: #0e90d2; } .am-list > li > a.am-active .am-list-item-heading, .am-list > li > a.am-active:hover .am-list-item-heading, .am-list > li > a.am-active:focus .am-list-item-heading { color: inherit; } .am-list > li > a.am-active .am-list-item-text, .am-list > li > a.am-active:hover .am-list-item-text, .am-list > li > a.am-active:focus .am-list-item-text { color: #b2e2fa; } .am-list > li > .am-badge { float: right; } .am-list > li > .am-badge + .am-badge { margin-right: 5px; } /* Pure text list */ .am-list-static > li { padding: .8rem .2rem; } .am-list-static.am-list-border > li { padding: 1rem; } /* with border */ .am-list-border > li { border-width: 1px; } .am-list-border > li:first-child, .am-list-border > li:first-child > a { border-top-right-radius: 2px; border-top-left-radius: 2px; } .am-list-border > li:last-child, .am-list-border > li:last-child > a { margin-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .am-list-border > li > a { padding: 1rem; } .am-list-border > li > a:hover, .am-list-border > li > a:focus { background-color: #f5f5f5; } /* Striped */ .am-list-striped > li:nth-of-type(even) { background: #f5f5f5; } .am-list-item-hd { margin-top: 0; } .am-list-item-text { line-height: 1.4; font-size: 1.3rem; color: #999999; margin: 0; } /* ========================================================================== Component: Utility ============================================================================ */ /* Container */ .am-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1000px; } .am-container:before, .am-container:after { content: " "; display: table; } .am-container:after { clear: both; } .am-scrollable-horizontal { width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .am-scrollable-vertical { height: 240px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: vertical; } /* Float blocks*/ .am-cf:before, .am-cf:after { content: " "; display: table; } .am-cf:after { clear: both; } .am-fl { float: left; } .am-fr { float: right; } .am-nbfc { overflow: hidden; } .am-center { display: block; margin-left: auto; margin-right: auto; } /* Display */ .am-block { display: block !important; } .am-inline { display: inline !important; } .am-inline-block { display: inline-block !important; } .am-hide { display: none !important; visibility: hidden !important; } /* small displays */ @media only screen { .am-show-sm-only, .am-show-sm-up, .am-show-sm, .am-show-sm-down, .am-hide-md-only, .am-hide-md-up, .am-hide-md, .am-show-md-down, .am-hide-lg-only, .am-hide-lg-up, .am-hide-lg, .am-show-lg-down { display: inherit !important; } .am-hide-sm-only, .am-hide-sm-up, .am-hide-sm, .am-hide-sm-down, .am-show-md-only, .am-show-md-up, .am-show-md, .am-hide-md-down, .am-show-lg-only, .am-show-lg-up, .am-show-lg, .am-hide-lg-down { display: none !important; } } /* medium displays */ @media only screen and (min-width:641px) { .am-hide-sm-only, .am-show-sm-up, .am-hide-sm, .am-hide-sm-down, .am-show-md-only, .am-show-md-up, .am-show-md, .am-show-md-down, .am-hide-lg-only, .am-hide-lg-up, .am-hide-lg, .am-show-lg-down { display: inherit !important; } .am-show-sm-only, .am-hide-sm-up, .am-show-sm, .am-show-sm-down, .am-hide-md-only, .am-hide-md-up, .am-hide-md, .am-hide-md-down, .am-show-lg-only, .am-show-lg-up, .am-show-lg, .am-hide-lg-down { display: none !important; } } /* large displays */ @media only screen and (min-width:1025px) { .am-hide-sm-only, .am-show-sm-up, .am-hide-sm, .am-hide-sm-down, .am-hide-md-only, .am-show-md-up, .am-hide-md, .am-hide-md-down, .am-show-lg-only, .am-show-lg-up, .am-show-lg, .am-show-lg-down { display: inherit !important; } .am-show-sm-only, .am-hide-sm-up, .am-show-sm, .am-show-sm-down, .am-show-md-only, .am-hide-md-up, .am-show-md, .am-show-md-down, .am-hide-lg-only, .am-hide-lg-up, .am-hide-lg, .am-hide-lg-down { display: none !important; } } @media only screen and (orientation: landscape) { .am-show-landscape, .am-hide-portrait { display: inherit !important; } .am-hide-landscape, .am-show-portrait { display: none !important; } } @media only screen and (orientation: portrait) { .am-show-portrait, .am-hide-landscape { display: inherit !important; } .am-hide-portrait, .am-show-landscape { display: none !important; } } .am-ellipsis, .am-text-truncate { word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .am-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .am-text-nowrap { white-space: nowrap; } [class*='am-align-'] { margin-bottom: 1rem; } .am-align-left { margin-right: 1rem; float: left; } .am-align-right { margin-left: 1rem; float: right; } /** Only display content to screen readers * See: http://a11yproject.com/posts/how-to-hide-content/ */ .am-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Text Image Replacement */ .am-text-ir { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* Text align */ .am-text-left { text-align: left !important; } .am-text-right { text-align: right !important; } .am-text-center { text-align: center !important; } .am-text-justify { text-align: justify !important; } @media only screen and (max-width: 640px) { .am-sm-only-text-left { text-align: left !important; } .am-sm-only-text-right { text-align: right !important; } .am-sm-only-text-center { text-align: center !important; } .am-sm-only-text-justify { text-align: justify !important; } } @media only screen { .am-sm-text-left { text-align: left !important; } .am-sm-text-right { text-align: right !important; } .am-sm-text-center { text-align: center !important; } .am-sm-text-justify { text-align: justify !important; } } @media only screen and (min-width:641px) and (max-width:1024px) { .am-md-only-text-left { text-align: left !important; } .am-md-only-text-right { text-align: right !important; } .am-md-only-text-center { text-align: center !important; } .am-md-only-text-justify { text-align: justify !important; } } @media only screen and (min-width:641px) { .am-md-text-left { text-align: left !important; } .am-md-text-right { text-align: right !important; } .am-md-text-center { text-align: center !important; } .am-md-text-justify { text-align: justify !important; } } @media only screen and (min-width:1025px) { .am-lg-text-left { text-align: left !important; } .am-lg-text-right { text-align: right !important; } .am-lg-text-center { text-align: center !important; } .am-lg-text-justify { text-align: justify !important; } } .am-text-top { vertical-align: top !important; } .am-text-middle { vertical-align: middle !important; } .am-text-bottom { vertical-align: bottom !important; } /* ========================================================================== Component: Tabs Plugin ============================================================================ */ .am-tabs-bd { position: relative; overflow: hidden; border-top: none; z-index: 100; -webkit-transition: height 0.3s; transition: height 0.3s; } .am-tabs-bd .am-tab-panel { position: absolute; top: 0; z-index: 99; float: left; width: 100%; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .am-tabs-bd .am-tab-panel * { -webkit-user-drag: none; user-drag: none; } .am-tabs-bd .am-tab-panel.am-active { position: relative; z-index: 100; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .am-tabs-bd .am-tab-panel.am-active ~ .am-tab-panel { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .am-gallery { padding: 5px 5px 0 5px; list-style: none; } .am-gallery h3 { margin: 0; } [data-am-gallery*='pureview'] img { cursor: pointer; } /** * Gallery Theme: default * Author: Minwe (minwe@yunshipei.com) */ .am-gallery-default > li { padding: 5px; } .am-gallery-default .am-gallery-item img { width: 100%; height: auto; } .am-gallery-default .am-gallery-title { margin-top: 10px; font-weight: normal; font-size: 1.4rem; display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #555555; } .am-gallery-default .am-gallery-desc { color: #999999; font-size: 1.2rem; } .am-header { position: relative; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; } .am-header h1 { margin-top: 0; margin-bottom: 0; } .am-header .am-header-title { margin: 0 30%; font-size: 2rem; font-weight: normal; text-align: center; display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .am-header .am-header-title img { margin-top: 12px; height: 25px; vertical-align: top; } .am-header .am-header-nav { position: absolute; top: 0; } .am-header .am-header-nav img { height: 16px; width: auto; vertical-align: middle; } .am-header .am-header-left { left:20px; } .am-header .am-header-right { right:45px; line-height:35px; } .am-header-fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1010; } .am-with-fixed-header { padding-top: 49px; } /** * Header Theme: default */ .am-header-default { background-color: #bf0008; } .am-header-default .am-header-title { color: #ffffff; } .am-header-default .am-header-title a { color: #ffffff; } .am-header-default .am-header-icon { font-size: 20px; } .am-header-default .am-header-nav { color: #eeeeee; } .am-header-default .am-header-nav a { color: #eeeeee; } .am-header-default .am-header-nav a + a { margin-left: 12px; } .am-header-default .am-header-nav .am-btn { margin-top: 9px; height: 31px; padding: 0 0.5em; line-height: 30px; font-size: 14px; vertical-align: top; } .am-header-default .am-header-nav .am-btn .am-header-icon { font-size: inherit; } .am-header-default .am-header-nav .am-btn-default { color: #999999; } .am-header-default .am-header-nav-title, .am-header-default .am-header-nav-title + .am-header-icon { font-size: 14px; } .am-list-news-ft { text-align: center; } .am-list-news-ft { text-align: center; line-height: 39px; font-size: 14px; background: #fff; } /** * list_news Theme: default */ .am-list-news-default { } .am-list-news-default .am-g { margin-left: auto; margin-right: auto; } .am-list-news-default .am-list-item-hd { font-weight: normal; } .am-list-news-default .am-list-date { color: #999999; } .am-list-news-default .am-list > li { border-color: #dedede; } .am-list-news-default .am-list .am-list-item-desced { padding-top: 1rem; padding-bottom: 1rem; } .am-list-news-default .am-list .am-list-item-desced > a { padding: 0; } .am-list-news-default .am-list .am-list-item-desced .am-list-item-text { margin-top: 0.5rem; color: #757575; } .am-list-news-default .am-list .am-list-item-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.3em; -webkit-line-clamp: 2; /* number of lines to show */ max-height: 2.6em; } .am-list-news-default .am-list .am-list-item-thumb-top .am-list-thumb { padding: 0; margin-bottom: 0.8rem; } .am-list-news-default .am-list .am-list-item-thumb-top .am-list-main { padding: 0; } .am-list-news-default .am-list .am-list-item-thumb-left .am-list-thumb { padding-left: 0; } .am-list-news-default .am-list .am-list-item-desced .am-list-main { padding: 0; } .am-list-news-default .am-list .am-list-item-thumb-right .am-list-thumb { padding-right: 0; } .am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-item-hd { clear: both; padding-bottom: 0.5rem; } .am-list-news-default .am-list .am-list-item-thumb-bottom-left .am-list-thumb { padding-left: 0; } .am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-item-hd { clear: both; padding-bottom: 0.5rem; } .am-list-news-default .am-list .am-list-item-thumb-bottom-right .am-list-thumb { padding-right: 0; } .am-list-news-default .am-list .am-list-thumb img { width: 100%; display: block; } @media only screen and (max-width: 639px) { .am-list-news-default .am-list-item-thumb-left .am-list-thumb, .am-list-news-default .am-list-item-thumb-right .am-list-thumb { max-height: 80px; overflow: hidden; } .am-list-news-default .am-list-item-thumb-bottom-left .am-list-item-text, .am-list-news-default .am-list-item-thumb-bottom-right .am-list-item-text { -webkit-line-clamp: 3; /* number of lines to show */ max-height: 3.9em; } .am-list-news-default .am-list-item-thumb-bottom-left .am-list-thumb, .am-list-news-default .am-list-item-thumb-bottom-right .am-list-thumb { max-height: 60px; overflow: hidden; } } /** * Paragraph Theme: default */ .am-paragraph-default { margin: 0 10px; color: #333333; background-color: transparent; } .am-paragraph-default p { font-size: 1.4rem; } .am-paragraph-default img { max-width: 98%; display: block; margin: 5px auto; border: 1px solid #eeeeee; padding: 2px; } .am-paragraph-default a { color: #0e90d2; } /** * Paragraph Theme: one */ .am-paragraph-one { color: #555555; background: #ffffff; margin: 0 10px; padding: 4px; } .am-paragraph-one h1, .am-paragraph-one h2, .am-paragraph-one h3, .am-paragraph-one h4, .am-paragraph-one h5, .am-paragraph-one h6 { color: #333333; font-weight: normal; margin-top: 0; } .am-paragraph-one h1 { font-size: 2rem; } .am-paragraph-one h2, .am-paragraph-one h3 { font-size: 1.8rem; } .am-paragraph-one h4, .am-paragraph-one h5 { font-size: 1.6rem; } .am-paragraph-one h6 { font-size: 1.4rem; } .am-paragraph-one hr { background: #dfdfdf; height: 1px; border: 0; overflow: hidden; } .am-paragraph-one img { max-width: 100%; display: block; margin: 5px 0; } .am-paragraph-one a { color: #333333; } .am-paragraph-one p, .am-paragraph-one div, .am-paragraph-one table { font-size: 1.4rem; margin: 0 0 10px 0; } .am-paragraph-one ul, .am-paragraph-one ol { padding-left: 0; } .am-paragraph-one li { list-style: none; font-size: 1.4rem; } /* Browser Resets *********************************/ .am-slides, .am-control-nav, .am-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .am-slider { margin: 0; padding: 0; } .am-slider .am-slides:before, .am-slider .am-slides:after { content: " "; display: table; } .am-slider .am-slides:after { clear: both; } .am-slider .am-slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; } .am-slider .am-slides img { width: 100%; display: block; } .am-pauseplay span { text-transform: capitalize; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .am-slides > li:first-child { display: block; } /* FlexSlider Theme Core *********************************/ .am-slider { position: relative; } .am-viewport { -webkit-transition: all 1s ease; transition: all 1s ease; } /* Direction Nav */ /* Pause/Play */ /* Control Nav */ .am-control-nav { position: absolute; } .am-control-nav li { display: inline-block; } .am-control-thumbs { position: static; overflow: hidden; } /** * Slider Theme: c3 */ .am-slider-c3 { /* Direction Nav */ } .am-slider-c3 .am-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .am-slider-c3 .am-viewport { max-height: 300px; } .am-slider-c3 .am-slider-desc { padding:0px 10px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom:0px; right:0px; height: 30px; left: 0; padding-right:0px; color: #ffffff; display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .am-slider-c3 .am-slider-counter { margin-right: 5px; display: inline-block; height: 30px; background-color: #bf0008; width: 40px; text-align: center; line-height: 30px; color: #eeeeee; font-size: 1rem; } .am-slider-c3 .am-slider-counter .am-active { font-size: 1.8rem; font-weight: bold; color: #ffffff; } .am-slider-c3 .am-direction-nav a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; width: 24px; height: 24px; padding: 4px 0; margin: -16px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.45; cursor: pointer; color: #ffffff; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0.5); font-size: 0; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .am-slider-c3 .am-direction-nav a::before { display: inline-block; /* 1 */ font-family: "FontAwesome"; font-weight: normal; /* 2 */ font-style: normal; /* 2 */ vertical-align: baseline; /* 3 */ line-height: 1; /* 4 */ -webkit-font-smoothing: antialiased; /* 5 */ -moz-osx-font-smoothing: grayscale; content: "\f053"; font-size: 16px; line-height: 24px; } .am-slider-c3 .am-direction-nav a.am-prev { left: 0; padding-right: 5px; } .am-slider-c3 .am-direction-nav a.am-next { right: 0; padding-left: 5px; } .am-slider-c3 .am-direction-nav a.am-next::before { content: "\f054"; } .am-slider-c3 .am-direction-nav .am-disabled { opacity: 0!important; cursor: default; } .am-slider-c3:hover .am-prev { opacity: 0.7; } .am-slider-c3:hover .am-prev:hover { opacity: 1; } .am-slider-c3:hover .am-next { opacity: 0.7; } .am-slider-c3:hover .am-next:hover { opacity: 1; } .am-slider-c3 .am-control-nav, .am-slider-c3 .am-pauseplay { display: none; } /** * Slider Theme: one */ .am-slider-one { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); margin: 0 10px; /* Control Nav */ } .am-slider-one .am-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .am-slider-one .am-viewport { max-height: 300px; } .am-slider-one .am-viewport .am-slider-desc { height: 26px; line-height: 26px; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #ffffff; } .am-slider-one .am-viewport .am-slider-desc .am-slider-title { font-weight: normal; font-size: 12px; text-indent: 4px; display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 80px; } .am-slider-one .am-control-nav { display: none; } .am-slider-one .am-direction-nav a { display: block; width: 24px; height: 24px; margin: -12px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.45; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .am-slider-one .am-direction-nav a::before { color: rgba(0, 0, 0, 0.7); display: inline-block; /* 1 */ font-family: "FontAwesome"; font-weight: normal; /* 2 */ font-style: normal; /* 2 */ vertical-align: baseline; /* 3 */ line-height: 1; /* 4 */ -webkit-font-smoothing: antialiased; /* 5 */ -moz-osx-font-smoothing: grayscale; content: "\f053"; font-size: 24px; } .am-slider-one .am-direction-nav a.am-next::before { content: "\f054"; } .am-slider-one .am-direction-nav .am-prev { left: 10px; } .am-slider-one .am-direction-nav .am-next { right: 10px; text-align: right; } .am-slider-one .am-direction-nav .am-disabled { opacity: 0!important; cursor: default; } .am-slider-one:hover .am-prev { opacity: 0.7; left: 10px; } .am-slider-one:hover .am-prev:hover { opacity: 1; } .am-slider-one:hover .am-next { opacity: 0.7; right: 10px; } .am-slider-one:hover .am-next:hover { opacity: 1; } .am-slider-one .am-pauseplay { display: none; } .am-sohucs { margin: 1rem; } .am-sohucs .section-cbox-wap .cbox-post-wap .post-action-wap .action-function-wap .function-list-wap .list-upload-wap .upload-mutual-wap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } [data-am-widget='tabs'] { } [data-am-widget='tabs'] .am-tabs-nav { width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } [data-am-widget='tabs'] .am-tabs-nav li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } [data-am-widget='tabs'] .am-tabs-nav a { display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /** * Tabs Theme: default */ .am-tabs-default .am-tabs-nav { line-height: 40px; background-color: #eeeeee; } .am-tabs-default .am-tabs-nav a { color: #222222; line-height: 42px; } .am-tabs-default .am-tabs-nav > .am-active a { background-color: #0e90d2; color: #ffffff; } /** * Tabs Theme: d2 */ .am-tabs-d2 .am-tabs-nav { background-color: #eeeeee; } .am-tabs-d2 .am-tabs-nav li { height: 42px; } .am-tabs-d2 .am-tabs-nav a { color: #222222; line-height: 42px; } .am-tabs-d2 .am-tabs-nav > .am-active { position: relative; background-color: #fcfcfc; border-bottom: 2px solid #0e90d2; } .am-tabs-d2 .am-tabs-nav > .am-active a { line-height: 40px; color: #0e90d2; } .am-tabs-d2 .am-tabs-nav > .am-active:after { position: absolute; width: 0; height: 0; bottom: 0px; left: 50%; margin-left: -5px; border: 6px rgba(0, 0, 0, 0) solid; content: ""; z-index: 1; border-bottom-color: #0e90d2; } /** * Tabs Theme: one */ .am-tabs-one { background: #ffffff; } .am-tabs-one .am-tabs-nav { height: 36px; background-color: #ffffff; font-size: 14px; border-radius: 2px; } .am-tabs-one .am-tabs-nav a { line-height: 34px; color: #15afef; } .am-tabs-one .am-tabs-nav li { border: 1px solid #15afef; } .am-tabs-one .am-tabs-nav li:first-child { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .am-tabs-one .am-tabs-nav li:last-child { border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .am-tabs-one .am-tabs-nav li + li { border-left: none; } .am-tabs-one .am-tabs-nav .am-active a { background-color: #15afef; color: #ffffff; } .am-tabs-one .am-tabs-bd { border: none; } .am-tabs-one .am-tab-panel { padding: 15px 5px 20px; } .am-titlebar { margin-top:10px; height: 45px; font-size: 100%; } .am-titlebar h2 { margin-top: 0; margin-bottom: 0; font-size: 1.6rem; } .am-titlebar .am-titlebar-title img { height: 24px; width: auto; } /** * Titlebar Theme: default */ .am-titlebar-default { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-left: 10px; margin-right: 10px; background-color: transparent; border-bottom: 1px solid #dedede; line-height: 44px; } .am-titlebar-default a { color: #0e90d2; } .am-titlebar-default .am-titlebar-title { position: relative; padding-left: 12px; color: #0e90d2; font-size: 1.8rem; text-align: left; font-weight: bold; } .am-titlebar-default .am-titlebar-title:before { content: ""; position: absolute; left: 2px; top: 8px; bottom: 8px; border-left: 3px solid #0e90d2; } .am-titlebar-default .am-titlebar-nav { -webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .am-titlebar-default .am-titlebar-nav a { margin-right: 10px; } .am-titlebar-default .am-titlebar-nav a:last-child { margin-right: 5px; } /** * Titlebar Theme: multi */ .am-titlebar-multi { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; background-color: #ebebeb; border-top: 1px solid #bf0008; border-bottom: 1px solid #ddddde; } .am-titlebar-multi a { color: #333; } .am-titlebar-multi .am-titlebar-title { padding-left: 10px; color: #bf0008; font-size: 20px; text-align: left; font-weight: normal; line-height:39px; } .am-titlebar-multi .am-titlebar-nav { -webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; text-align: right; line-height:39px; } .am-titlebar-multi .am-titlebar-nav a { margin-right:5px; font-size:14px; } .am-titlebar-one .am-titlebar-nav a { color: #999999; } /**/ #amz-header a.logo{ width:119px; height:40px; background: url("../images/index_logo.png") no-repeat left center; background-size: 100px 34px; text-indent: -9999px; display: block;} #index_nav{ padding:10px 0px; border-bottom: 1px solid #ddd;} #index_nav .am-col,[class^='col-']{ text-align: center; line-height: 30px;} .head_top h2::before { content: "HOT"; -webkit-border-radius: 1px; color: white; display: inline-block; font-size:10px; height: 14px; line-height: 16px; width: 28px; margin-right: 1px; text-align: center; vertical-align: 2px; background-color: #bf0008; font-family: arial, helvetica, sans-serif; white-space: nowrap; } .head_top h2,.head_top p{display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height:32px;} .head_top h2{ padding: 12px 10px 0px; font-size: 22px;} .pad_lr_5{ padding: 0px 5px; font-style: normal;} .block{ display: block;} .ch_left{ float: left;} .am-list .am-list-item-dated { display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 40px; padding: 0px 10px; } .list_news_ch .am-list-news-bd .am-list{ margin-bottom: 0px;} .list_news_ch i{ background: url("../images/index_icon_video.gif") no-repeat 0px 4px; padding-left:20px; font-style: normal;} em{ font-style: normal;} /* ========================================================================== Component: AVG Grid ============================================================================ */ [class*="am-avg-"] { display: block; padding: 0; margin: 0; list-style: none; } [class*="am-avg-"]:before, [class*="am-avg-"]:after { content: " "; display: table; } [class*="am-avg-"]:after { clear: both; } [class*="am-avg-"] > li { display: block; height: auto; float: left; } @media only screen { .am-avg-sm-1 > li { width: 100%; } .am-avg-sm-1 > li:nth-of-type(n) { clear: none; } .am-avg-sm-1 > li:nth-of-type(1n + 1) { clear: both; } .am-avg-sm-2 > li { width: 50%; } .am-avg-sm-2 > li:nth-of-type(n) { clear: none; } .am-avg-sm-2 > li:nth-of-type(2n + 1) { clear: both; } .am-avg-sm-3 > li { width: 33.33333333%; } .am-avg-sm-3 > li:nth-of-type(n) { clear: none; } .am-avg-sm-3 > li:nth-of-type(3n + 1) { clear: both; } .am-avg-sm-4 > li { width: 25%; } .am-avg-sm-4 > li:nth-of-type(n) { clear: none; } .am-avg-sm-4 > li:nth-of-type(4n + 1) { clear: both; } .am-avg-sm-5 > li { width: 20%; } .am-avg-sm-5 > li:nth-of-type(n) { clear: none; } .am-avg-sm-5 > li:nth-of-type(5n + 1) { clear: both; } .am-avg-sm-6 > li { width: 16.66666667%; } .am-avg-sm-6 > li:nth-of-type(n) { clear: none; } .am-avg-sm-6 > li:nth-of-type(6n + 1) { clear: both; } .am-avg-sm-7 > li { width: 14.28571429%; } .am-avg-sm-7 > li:nth-of-type(n) { clear: none; } .am-avg-sm-7 > li:nth-of-type(7n + 1) { clear: both; } .am-avg-sm-8 > li { width: 12.5%; } .am-avg-sm-8 > li:nth-of-type(n) { clear: none; } .am-avg-sm-8 > li:nth-of-type(8n + 1) { clear: both; } .am-avg-sm-9 > li { width: 11.11111111%; } .am-avg-sm-9 > li:nth-of-type(n) { clear: none; } .am-avg-sm-9 > li:nth-of-type(9n + 1) { clear: both; } .am-avg-sm-10 > li { width: 10%; } .am-avg-sm-10 > li:nth-of-type(n) { clear: none; } .am-avg-sm-10 > li:nth-of-type(10n + 1) { clear: both; } .am-avg-sm-11 > li { width: 9.09090909%; } .am-avg-sm-11 > li:nth-of-type(n) { clear: none; } .am-avg-sm-11 > li:nth-of-type(11n + 1) { clear: both; } .am-avg-sm-12 > li { width: 8.33333333%; } .am-avg-sm-12 > li:nth-of-type(n) { clear: none; } .am-avg-sm-12 > li:nth-of-type(12n + 1) { clear: both; } } @media only screen and (min-width:641px) { .am-avg-md-1 > li { width: 100%; } .am-avg-md-1 > li:nth-of-type(n) { clear: none; } .am-avg-md-1 > li:nth-of-type(1n + 1) { clear: both; } .am-avg-md-2 > li { width: 50%; } .am-avg-md-2 > li:nth-of-type(n) { clear: none; } .am-avg-md-2 > li:nth-of-type(2n + 1) { clear: both; } .am-avg-md-3 > li { width: 33.33333333%; } .am-avg-md-3 > li:nth-of-type(n) { clear: none; } .am-avg-md-3 > li:nth-of-type(3n + 1) { clear: both; } .am-avg-md-4 > li { width: 25%; } .am-avg-md-4 > li:nth-of-type(n) { clear: none; } .am-avg-md-4 > li:nth-of-type(4n + 1) { clear: both; } .am-avg-md-5 > li { width: 20%; } .am-avg-md-5 > li:nth-of-type(n) { clear: none; } .am-avg-md-5 > li:nth-of-type(5n + 1) { clear: both; } .am-avg-md-6 > li { width: 16.66666667%; } .am-avg-md-6 > li:nth-of-type(n) { clear: none; } .am-avg-md-6 > li:nth-of-type(6n + 1) { clear: both; } .am-avg-md-7 > li { width: 14.28571429%; } .am-avg-md-7 > li:nth-of-type(n) { clear: none; } .am-avg-md-7 > li:nth-of-type(7n + 1) { clear: both; } .am-avg-md-8 > li { width: 12.5%; } .am-avg-md-8 > li:nth-of-type(n) { clear: none; } .am-avg-md-8 > li:nth-of-type(8n + 1) { clear: both; } .am-avg-md-9 > li { width: 11.11111111%; } .am-avg-md-9 > li:nth-of-type(n) { clear: none; } .am-avg-md-9 > li:nth-of-type(9n + 1) { clear: both; } .am-avg-md-10 > li { width: 10%; } .am-avg-md-10 > li:nth-of-type(n) { clear: none; } .am-avg-md-10 > li:nth-of-type(10n + 1) { clear: both; } .am-avg-md-11 > li { width: 9.09090909%; } .am-avg-md-11 > li:nth-of-type(n) { clear: none; } .am-avg-md-11 > li:nth-of-type(11n + 1) { clear: both; } .am-avg-md-12 > li { width: 8.33333333%; } .am-avg-md-12 > li:nth-of-type(n) { clear: none; } .am-avg-md-12 > li:nth-of-type(12n + 1) { clear: both; } } @media only screen and (min-width:1025px) { .am-avg-lg-1 > li { width: 100%; } .am-avg-lg-1 > li:nth-of-type(n) { clear: none; } .am-avg-lg-1 > li:nth-of-type(1n + 1) { clear: both; } .am-avg-lg-2 > li { width: 50%; } .am-avg-lg-2 > li:nth-of-type(n) { clear: none; } .am-avg-lg-2 > li:nth-of-type(2n + 1) { clear: both; } .am-avg-lg-3 > li { width: 33.33333333%; } .am-avg-lg-3 > li:nth-of-type(n) { clear: none; } .am-avg-lg-3 > li:nth-of-type(3n + 1) { clear: both; } .am-avg-lg-4 > li { width: 25%; } .am-avg-lg-4 > li:nth-of-type(n) { clear: none; } .am-avg-lg-4 > li:nth-of-type(4n + 1) { clear: both; } .am-avg-lg-5 > li { width: 20%; } .am-avg-lg-5 > li:nth-of-type(n) { clear: none; } .am-avg-lg-5 > li:nth-of-type(5n + 1) { clear: both; } .am-avg-lg-6 > li { width: 16.66666667%; } .am-avg-lg-6 > li:nth-of-type(n) { clear: none; } .am-avg-lg-6 > li:nth-of-type(6n + 1) { clear: both; } .am-avg-lg-7 > li { width: 14.28571429%; } .am-avg-lg-7 > li:nth-of-type(n) { clear: none; } .am-avg-lg-7 > li:nth-of-type(7n + 1) { clear: both; } .am-avg-lg-8 > li { width: 12.5%; } .am-avg-lg-8 > li:nth-of-type(n) { clear: none; } .am-avg-lg-8 > li:nth-of-type(8n + 1) { clear: both; } .am-avg-lg-9 > li { width: 11.11111111%; } .am-avg-lg-9 > li:nth-of-type(n) { clear: none; } .am-avg-lg-9 > li:nth-of-type(9n + 1) { clear: both; } .am-avg-lg-10 > li { width: 10%; } .am-avg-lg-10 > li:nth-of-type(n) { clear: none; } .am-avg-lg-10 > li:nth-of-type(10n + 1) { clear: both; } .am-avg-lg-11 > li { width: 9.09090909%; } .am-avg-lg-11 > li:nth-of-type(n) { clear: none; } .am-avg-lg-11 > li:nth-of-type(11n + 1) { clear: both; } .am-avg-lg-12 > li { width: 8.33333333%; } .am-avg-lg-12 > li:nth-of-type(n) { clear: none; } .am-avg-lg-12 > li:nth-of-type(12n + 1) { clear: both; } } /* ========================================================================== Component: Code ============================================================================ */ .am-gallery{ padding:5px 0px;} .bf0008 a:link,.bf0008 a:visited{ color: #bf0008; text-decoration: none;} .bf0008 a:hover{ color: #bf0008; text-decoration: none;} .index_h2{display: block; font-size:20px; font-weight: normal; padding: 10px 10px 5px; line-height:30px; margin:0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;} .index_wether{ right:40px; position: absolute; font-size: 14px; color: #fff; padding-right: 10px;} .wealth-img{display: inline-block; height: 14px; margin-right: 3px; vertical-align: -3px; width: 14px;} .pad_lr_10{ padding: 0px 10px;} .am-list li:nth-last-child(1){ border:none;} .am-icon-user,.index_tools{ width:23px; height:23px; background: #fff; display: inline-block; margin-top:8px;} .am-icon-user{ background: url("../images/index_head_iconb.png") no-repeat center center;} .index_tools{ background: url("../images/index_head_icona.png") no-repeat center center;} .am-footer-default,.am-footer-default a:link,.am-footer-default a:visited{ color: #fff; text-decoration: none;} .am-footer-default a:hover{ color: #fff; text-decoration: none;} #tab_dot{ width: 52px; float: right; display: block;} #tab_dot li{ float: left; width:8px; height:8px; overflow: hidden; background: #b3b3b3; margin: 26px 6px 0px 0px; display: inline-block; } #tab_dot li.am-active{ background: #bf0008;} .am-menu-offcanvas1 .am-menu-toggle { position: absolute; right:20px; top:0px; display: block; width:14px; height: 44px; line-height: 44px; text-align: center; color: #ffffff; } .pad_lr_2{ padding: 0px 2px; font-size: 14px; line-height: 30px;} .am-btn { display: inline-block; margin-bottom: 0; vertical-align: middle; font-weight: normal; text-align: center; white-space: nowrap; background-image: none; border-radius: 0; cursor: pointer; outline: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out; transition: background-color 300ms ease-out, border-color 300ms ease-out; } .am-btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .am-btn:link,.am-btn:visited,.am-btn:hover,.am-btn:focus { outline: 0; color: #fff; text-decoration: none; } .am-btn:active, .am-btn.am-active { background-image: none; -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.125); } .am-btn.am-disabled, .am-btn[disabled], fieldset[disabled] .am-btn { pointer-events: none; border-color: transparent; cursor: not-allowed; opacity: 0.45; -webkit-box-shadow: none; box-shadow: none;} .am-btn.am-radius { border-radius:4px; } .am-btn-danger { margin: 10px 0px 10px 5px; color: #ffffff; padding:0px 10px; line-height: 28px; height: 28px; font-size: 14px; background-color: #bf0008;} @media only screen and (max-width: 640px) { .am-btn-danger {padding:0px 5px; line-height: 24px; height: 24px; } } .font_069a1b{ color: #069a1b;} .font_bf0008{ color: #bf0008;} /* ========================================================================== Component: AddToHomeScreen Plugin ============================================================================ */ .ath-viewport * {-webkit-box-sizing: border-box;box-sizing: border-box;} .ath-viewport {position: relative;z-index: 2147483641; pointer-events: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none;} .ath-modal { pointer-events: auto !important;background: rgba(0, 0, 0, 0.6);} .ath-mandatory { background: #000;} .ath-container { pointer-events: auto !important; position: absolute; z-index: 2147483641; padding: 0.7em 0.6em; width: 18em; background: #eee; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-box-shadow: 0 0.2em 0 #d1d1d1; box-shadow: 0 0.2em 0 #d1d1d1; font-family: sans-serif; font-size: 15px; line-height: 1.5em; text-align: center;} .ath-ios.ath-phone { bottom: 1.8em; left: 50%; margin-left: -9em;} .ath-ios6.ath-tablet { left: 5em; top: 1.8em;} .ath-ios7.ath-tablet { left: 0.7em; top: 1.8em;} .ath-ios8.ath-tablet { right: 0.4em; top: 1.8em;} .ath-android { right: 1.5em; top: 1.8em;} /* close icon */ .ath-container:before { content: ''; position: relative; display: block; float: right; margin: -0.7em -0.6em 0 0.5em; 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==); background-color: rgba(255, 255, 255, 0.8); -webkit-background-size: 50% 50%; background-size: 50%; background-repeat: no-repeat; background-position: 50%; width: 2.7em; height: 2.7em; text-align: center; overflow: hidden; color: #a33; z-index: 2147483642;} .ath-container.ath-icon:before { position: absolute; top: 0; right: 0; margin: 0; float: none;} .ath-mandatory .ath-container:before { display: none;} .ath-container.ath-android:before { float: left; margin: -0.7em 0.5em 0 -0.6em;} .ath-container.ath-android.ath-icon:before { position: absolute; right: auto; left: 0; margin: 0; float: none;} /* applied only if the application icon is shown */ .ath-action-icon { display: inline-block; vertical-align: middle; background-position: 50%; background-repeat: no-repeat; text-indent: -9999em; overflow: hidden;} .ath-android .ath-action-icon { width: 1.2em; height: 1.8em; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAADcBAMAAAAig/QJAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAFtDAABbQwH5xg68AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAB5QTFRFAAAA////cXFxaWlp////ZmZmnJycoaGhpqam////1D9b6wAAAAV0Uk5TAAgJERExZxYzAAAAYklEQVRYw+3WoQ2AUBAE0SsBOiBUQEIDCArA4FFoHBaJxNItFYz/x5+xz282VmwJTdM0rRzbsS1e7Pm9zdgUVn491rkFmqZpSezEjqo/Sos1HoAEjdjgFmiapiWxG7tq/igfnYteFlnOWZEAAAAASUVORK5CYII=); -webkit-background-size: auto 100%; background-size: auto 100%;} .ath-ios7 .ath-action-icon,.ath-ios8 .ath-action-icon { width: 1.6em; height: 1.6em; background-image: url(data:image/png;base64,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); margin-top: -0.3em; -webkit-background-size: auto 100%; background-size: auto 100%;} .ath-ios6 .ath-action-icon { width: 1.8em; height: 1.8em; background-image: url(data:image/png;base64,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); margin-bottom: 0.4em; -webkit-background-size: 100% auto; background-size: 100% auto;} .ath-container p { margin: 0; padding: 0; position: relative; z-index: 2147483642; text-shadow: 0 0.1em 0 #fff; font-size: 1.1em;} .ath-ios.ath-phone:after { content: ''; background: #eee; position: absolute; width: 2em; height: 2em; bottom: -0.9em; left: 50%; margin-left: -1em; -webkit-transform: scaleX(0.9) rotate(45deg); -ms-transform: scaleX(0.9) rotate(45deg); transform: scaleX(0.9) rotate(45deg); -webkit-box-shadow: 0.2em 0.2em 0 #d1d1d1; box-shadow: 0.2em 0.2em 0 #d1d1d1;} .ath-ios.ath-tablet:after { content: ''; background: #eee; position: absolute; width: 2em; height: 2em; top: -0.9em; left: 50%; margin-left: -1em; -webkit-transform: scaleX(0.9) rotate(45deg); -ms-transform: scaleX(0.9) rotate(45deg); transform: scaleX(0.9) rotate(45deg); z-index: 2147483641;} .ath-android:after { content: ''; background: #eee; background: -webkit-linear-gradient(-45deg, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 50%, #eeeeee 50%, #eeeeee 100%); position: absolute; width: 2em; height: 2em; top: -1.5em; right: 0;} .ath-application-icon { position: relative; padding: 0; border: 0; margin: 0 auto 0.2em auto; height: 4.8em; width: 4.8em; z-index: 2147483642;} .ath-container.ath-ios .ath-application-icon { border-radius: 1em; -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); box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5); margin: 0 auto 0.4em auto;}