search
Gogoro生產線開箱!號稱「最聰明的電動機車智慧工廠」有多厲害? – LPComment 科技生活雜談

Gogoro生產線開箱!號稱「最聰明的電動機車智慧工廠」有多厲害? – LPComment 科技生活雜談


章節連結

  • Gogoro 工廠開箱

稍早我們到訪了位於龜山的睿能創意林口辦公室,也就是 Gogoro 當年發跡的總部。目前包括 Gogoro 1、Gogoro 2、Gogoro 3、Gogoro VIVA 以及 PBGN 聯盟的 YAMAHA EC-05 都是出自於這個工廠。跟著鏡頭,看看這個號稱「最聰明的電動機車智慧工廠」到底有甚麼厲害的地方?

Gogoro生產線開箱!號稱「最聰明的電動機車智慧工廠」有多厲害?

Gogoro 工廠開箱


/*!normalize.css v3.0.1 | MIT License | git.io/normalize*/ .article-main html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } .article-main body { margin: 0 } .article-main article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } .article-main audio, canvas, progress, video { display: inline-block; vertical-align: baseline } .article-main audio:not([controls]) { display: none; height: 0 } .article-main [hidden], template { display: none } .article-main a { background: 0 0 } .article-main abbr[title] { border-bottom: 1px dotted } .article-main b, strong { font-weight: 700 } .article-main dfn { font-style: italic } .article-main h1 { font-size: 2em; margin: 0.67em 0 } .article-main small { font-size: 80% } .article-main sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .article-main sup { top: -0.5em } .article-main sub { bottom: -0.25em } .article-main img { border: 0 } .article-main svg:not(:root) { overflow: hidden } .article-main figure { margin: 1em 40px } .article-main hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } .article-main pre { overflow: auto } .article-main code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } .article-main button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } .article-main button { overflow: visible } .article-main button, select { text-transform: none } .article-main button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } .article-main button[disabled], html input[disabled] { cursor: default } .article-main button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } .article-main input { line-height: normal } .article-main input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } .article-main input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } .article-main input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } .article-main input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } .article-main fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em } .article-main legend { border: 0; padding: 0 } .article-main textarea { overflow: auto } .article-main optgroup { font-weight: 700 } .article-main table { border-collapse: collapse; border-spacing: 0 } .article-main td, th { padding: 0 } .article-main * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .article-main *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .article-main input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } .article-main figure { margin: 0 } .article-main img { vertical-align: middle } .article-main hr { border: 0; border-top: 1px solid #ccc } .article-main .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .article-main p { margin: 0 0 10px } .article-main small { font-size: 85% } .article-main mark { padding: 0.2em } .article-main ul, ol { list-style-position: inside; margin: 0; padding: 0 } .article-main ul ul, ol ol, ul ol, ol ul { margin: 0 } .article-main dl { margin-top: 0; margin-bottom: 20px } .article-main dt, dd { line-height: 1.42857 } .article-main dt { font-weight: 700 } .article-main dd { margin-left: 0 } .article-main blockquote:before, blockquote:after { content: "" } .article-main address { margin-bottom: 20px; font-style: normal; line-height: 1.42857 } .article-main code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px } .article-main kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) } .article-main pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } .article-main pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .article-main .clearfix:before, .clearfix:after { content: " "; display: table } .article-main .clearfix:after { clear: both } .article-main .clickable { cursor: pointer } .article-main .clear, .cleaner { clear: both; height: 0; overflow: hidden } .article-main .clearfix:before, .clearfix:after { content: ""; display: table } .article-main .clearfix:after { clear: both } .article-main .clearfix { zoom: 1 } .article-main h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1.1; color: #222; margin: 0 } .article-main h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 400; line-height: 1 } .article-main h1 small, h2 small, h3 small { font-size: 65% } .article-main h4 small, h5 small, h6 small { font-size: 75% } .article-main h1 { font-size: 36px } .article-main h2 { font-size: 30px } .article-main h3 { font-size: 24px } .article-main h4 { font-size: 18px } .article-main h5 { font-size: 14px } .article-main h6 { font-size: 12px } .article-main table { border-top: 0; margin-bottom: 1.5em; position: relative; table-layout: fixed; width: 100%; z-index: 1 } .article-main table th { text-align: left } .article-main table tr { border-bottom: 1px solid #f0f0f0 } .article-main table th, table td { font-family: inherit; font-size: inherit; padding: 12px; vertical-align: middle } .article-main .floatleft { float: left } .article-main .floatright { float: right } .article-main .aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto } .article-main .alignleft { float: left; margin-right: 15px } .article-main .alignright { float: right; margin-left: 15px } .article-main div.navigation { text-align: center; margin: 0 0 30px } .article-main .woocommerce nav.woocommerce-pagination ul { padding: 0; border: 0 } .article-main .woocommerce nav.woocommerce-pagination ul li { float: none; display: inline; border: 0 } .article-main div.navigation a, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline; font-weight: 400; padding: 8px 12px; line-height: 50px; border: 1px solid #dcdcdc; min-width: 0; border-radius: 2px; margin: 0 5px } .article-main div.navigation span.current, .woocommerce nav.woocommerce-pagination ul li span.current { padding: 8px 12px; color: #fff; background: #212425; border-radius: 2px; margin: 0 5px; border: none } .article-main .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { font-weight: 400; color: #f47857; boder: 1px solid #dcdcdc; background: 0 0 } .article-main div.navigation span.pages { margin-right: 10px; display: none } .article-main div.navigation .alignleft, div.navigation .alignright { margin: 0 } .article-main label { display: block; margin-bottom: 10px; font-weight: 400 } .article-main input, textarea { padding: 8px 12px; font-family: libre franklin, sans-serif; font-size: 15px; font-weight: 400; background: #fff; border: 1px solid #e2e2e2; width: auto; color: #444; border-radius: 2px; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all } .article-main input[type=text], textarea { -webkit-appearance: none } .article-main input:focus, textarea:focus { border-color: #ccc } .article-main div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button, button, input[type=button], input[type=reset], input[type=submit] { font-family: libre franklin, sans-serif; font-size: 16px; padding: 8px 12px; font-weight: 700; border-radius: 2px; background-color: #f47857; border: none; color: #fff; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all } .article-main div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; background: #222 } @font-face { font-family: icomoon; src: url(fonts/icomoon.eot?a43nr5); src: url(fonts/icomoon.eot?#iefixa43nr5) format("embedded-opentype"), url(fonts/icomoon.ttf?a43nr5) format("truetype"), url(fonts/icomoon.woff?a43nr5) format("woff"), url(fonts/icomoon.svg?a43nr5#icomoon) format("svg"); font-weight: 400; font-style: normal } .article-main .infinite-scroll .navigation { display: none } .article-main .infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts { margin-bottom: 40px; position: relative } .article-main .infinite-scroll #infinite-handle { left: 0; right: 0; text-transform: uppercase; font-weight: 700; font-size: 12px; text-align: center } .article-main .infinite-scroll #infinite-handle span { display: block; width: 100%; line-height: 50px; border-radius: 3px; color: #fff; font-size: 18px; font-weight: 700; background-color: #f47857; transition: 0.2s ease all } .article-main .infinite-scroll #infinite-handle span:hover { background: #222 } .article-main .infinite-scroll #infinite-handle span button { -webkit-transition: none; -o-transition: none; transition: none } .article-main body { background: #fff; color: #222; font-family: libre franklin, sans-serif; font-size: 16px; overflow-x: hidden; line-height: 1.7; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .article-main a { color: #212425; text-decoration: none; transition-duration: 0.2s } .article-main a:hover, a:active { color: #f47857 } .article-main p { margin: 0 0 15px; padding: 0 } .article-main .inner-wrap { margin: 0 auto; max-width: 1400px } .article-main .recent-posts .cat-links a { line-height: 2.5; margin: 1px 8px 0 0; font-weight: 400; position: relative; font-size: 14px; color: #000; background-color: #fff; padding: 4px 8px; border: 1px solid #888; border-radius: 3px; opacity: 0.5; transition: all 0.25s ease-in-out } .article-main .recent-posts .cat-links a:after { content: ""; position: absolute; top: 0; left: 0; right: -3px; bottom: -3px; border: 1px solid #bbb; border-top: 0; border-left: 0; border-radius: 3px } .article-main .recent-posts .cat-links a:hover { text-decoration: none; color: #f47857; opacity: 1 } @media screen and (min-width: 1441px) { .wpz_layout_boxed { background: #f1f1f1 } .wpz_layout_boxed .domino_boxed_layout { max-width: 1482px; margin: 0 auto; background: #fff; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px rgba(0, 0, 0, 0.1) } .custom-background.wpz_layout_boxed .domino_boxed_layout { border: none } } .article-main .wpz_layout_boxed .domino_boxed_layout { background: #fff } @media screen and (min-width: 1241px) { .wpz_width_1200 .inner-wrap, .wpz_width_1200 #news-ticker .inner-wrap { max-width: 1200px; padding: 0 } .wpz_width_1200 .content-area { width: 800px } .wpz_width_1200.wpz_layout_boxed { background: #f1f1f1 } .wpz_width_1200.wpz_layout_boxed .domino_boxed_layout { max-width: 1282px; margin: 0 auto; background: #fff; border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px rgba(0, 0, 0, 0.1) } } .article-main #header { padding: 0; background: #212425 } .article-main .navbar-brand-wpz { float: left; margin: 35px 25px 35px 0 } .article-main .navbar-brand-wpz h1 { margin: 0; font-weight: 600; line-height: 1.1; font-size: 48px } .article-main .navbar-brand-wpz a { color: #fff } .article-main .navbar-brand-wpz a:hover { text-decoration: none; color: #f47857 } .article-main .tagline { margin: 10px 0 0; color: #666 } .article-main .adv { float: right; margin: 30px 0 0 } .article-main .adv_home { margin: 0 0 30px; text-align: center } .article-main .adv_home img { max-width: 100%; height: auto } .article-main .header_social { float: right; text-align: right } .article-main .header_social .widget { margin: 0 } .article-main .header_social .widget h3.title { display: none } .article-main .header_social .widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas { margin: 0 } .article-main .header_social .zoom-social-icons-list--without-canvas .socicon { transition: 0.3s ease all; color: #fff; padding: 5px } .article-main .header_social .zoom-social-icons-list .socicon:hover { opacity: 0.8 } .article-main .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none } .article-main .sf-menu li { position: relative } .article-main .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99 } .article-main .sf-menu > li { float: left } .article-main .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block } .article-main .sf-menu a { display: block; position: relative } .article-main .sf-menu ul ul { top: 0; left: 100% } .article-main .sf-arrows .sf-with-ul:after { content: "347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px "dashicons"; vertical-align: middle; margin: 0 0 0 4px } .article-main .sf-arrows ul .sf-with-ul:after { content: "345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px "dashicons"; float: right; vertical-align: middle; margin: 0 0 0 4px } .article-main .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #fff } .article-main .navbar-nav { position: relative; z-index: 100 } .article-main .navbar-nav > li { margin: 0 } .article-main .navbar-nav a { padding: 8px 30px 8px 0; transition: 0.2s ease all; font-size: 14px; font-weight: 700; color: #fff } .article-main .navbar-nav a:hover { text-decoration: none; color: #f47857 } .article-main .navbar-nav ul { font-size: 14px; left: 0; width: 250px; margin-top: 0; padding: 0; background: #212425; border: 1px solid rgba(255, 255, 255, 0.05) } .article-main .navbar-nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05) } .article-main .navbar-nav ul li:last-child { border-bottom: none } .article-main .navbar-nav ul a { padding: 7px 15px; color: #fff; text-transform: none; font-weight: 500; padding: 5px 15px; border: none } .article-main .navbar-nav ul a:hover { opacity: 0.8; color: #fff } .article-main .navbar-nav ul ul { right: 100%; margin-top: 0 } .article-main .navbar-nav ul ul { right: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); margin-top: -1px } .article-main .navbar-nav > .current-menu-item > a, .navbar-nav > .current_page_item > a, .navbar-nav > .current-menu-parent > a { color: #f47857 } .article-main .top-navbar { margin: 0; font-size: 12px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.05); z-index: 200 } .article-main .top-navbar .navbar-nav { float: left; width: 80% } .article-main .top-navbar .navbar-nav > li > ul { font-size: 14px; transform: translate(-45px, 0); left: 30px } .article-main .navbar-nav a:hover { text-decoration: none } .article-main .main-navbar { border-top: 1px solid rgba(255, 255, 255, 0.05) } .article-main .main-navbar > .inner-wrap { border-right: 1px solid rgba(255, 255, 255, 0.05) } .article-main .main-navbar .sf-arrows .sf-with-ul:after { margin: 0 0 0 4px } .article-main .top-navbar:before, .top-navbar:after, .main-navbar:before, .main-navbar:after { content: " "; display: table } .article-main .top-navbar:after, .main-navbar:after { clear: both } .article-main .main-navbar .navbar-nav > li:last-child { padding-right: 0 } .article-main .main-navbar .navbar-nav > li > a { font-family: roboto condensed, sans-serif; font-size: 18px; text-transform: uppercase } .article-main .main-navbar .navbar-nav a { padding: 10px 20px; border-left: 1px solid rgba(255, 255, 255, 0.05) } .article-main .main-navbar .navbar-nav ul a { border: none; line-height: 1.5; font-weight: 600 } .article-main .main-navbar .navbar-nav > .current-menu-item > a, .main-navbar .navbar-nav > .current_page_item > a, .main-navbar .navbar-nav > .current-menu-parent > a, .main-navbar .navbar-nav > .current_page_parent > a { background: #f47857; color: #fff } .article-main .navbar-toggle { display: none; position: relative; float: left; margin: 15px 0 } .article-main .navbar-toggle .icon-bar { display: block; width: 30px; height: 2px; background: #fff; border-radius: 1px } .article-main .navbar-toggle:hover .icon-bar { background: #eee } .article-main .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px } .article-main #menu-top-slide:not(.mm-menu), #menu-main-slide:not(.mm-menu) { display: none } .article-main a.cart-button:before { content: "174"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/24px "dashicons"; vertical-align: top; margin: 0 8px 0 0 } .article-main a.cart-button { display: block } .article-main .sb-search { position: relative; float: right; margin: 5px 12px 0; z-index: 200; width: 40px; height: 40px } .article-main .sb-search .sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; width: 20px; height: 19px; margin: 0; z-index: 10; padding: 10px 65px 10px 15px; font-family: inherit; font-size: 14px; color: #fff; visibility: hidden; opacity: 0; border: none; border-radius: 50px; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; background: #33383a; -webkit-transition: width 0.6s, border-radius 0.6s, background 0.6s; transition: width 0.6s, border-radius 0.6s, background 0.6s } .article-main .sb-search input[type=search].sb-search-input { -webkit-appearance: none } .article-main .sb-search .sb-search-input::-webkit-input-placeholder { color: #eff4f7 } .article-main .sb-search .sb-search-input:-moz-placeholder { color: #eff4f7 } .article-main .sb-search .sb-search-input::-moz-placeholder { color: #eff4f7 } .article-main .sb-search .sb-search-input:-ms-input-placeholder { color: #eff4f7 } .article-main .sb-search .sb-icon-search, .sb-search .sb-search-submit { width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 40px; text-align: center; cursor: pointer } .article-main .sb-search .sb-search-submit { background: #fff; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #363940; border: none; outline: none; z-index: -1 } .article-main .sb-search .sb-icon-search { color: #fff; background: #212425; z-index: 90; font-size: 14px; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; border-radius: 50px } .article-main .sb-search .sb-icon-search:hover { background: #33383a } .article-main .sb-search .sb-icon-search:before { content: "" } .article-main .sb-search.sb-search-open .sb-icon-search:before { color: #fff } .article-main .sb-search.sb-search-open .sb-search-input { visibility: visible; opacity: 1; width: 200px; -webkit-transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s; transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s } .article-main .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: 0 0; z-index: 11 } .article-main .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90 } .article-main #news-ticker { padding: 10px 0 16px; background: #1e2122; border-top: 1px solid rgba(255, 255, 255, 0.05); color: #f9f9f9; font-size: 16px } .article-main #news-ticker .inner-wrap { width: 100%; max-width: 1400px; height: 30px } .article-main #news-ticker h3, #news-ticker dt, #news-ticker dd { line-height: 35px } .article-main #news-ticker h3 { margin: 0 28px 0 0; float: left; font-family: roboto condensed, sans-serif; font-size: 16px; font-weight: 700; color: #f47857; text-transform: uppercase } .article-main #news-ticker .news-ticker-container { overflow: hidden } .article-main #news-ticker dl { display: none; margin: 0 } .article-main #news-ticker .caroufredsel_wrapper dl { display: block } .article-main #news-ticker dt, #news-ticker dd { display: block; float: left; margin: 0 5px; font-weight: 300 } .article-main #news-ticker dt { color: #999; font-size: 14px } .article-main #news-ticker dd { margin-right: 50px } .article-main #news-ticker dd a { color: #fff; font-weight: 700 } .article-main #news-ticker dd a:hover { color: #f47857; text-decoration: none } .article-main .featured_area { background: #f6f6f4; border-bottom: 1px solid #d9d9d9; padding: 40px 0 10px } .article-main .slider_widgets { float: right; width: 50% } .article-main .slider_widgets .widget { margin: 0; float: left; width: 50% } .article-main .video-area { padding: 50px 0 20px; background: #212425; color: #b6b6b6 } .article-main .video-area .wpzoom-featured-cat h3.entry-title a { color: #fff } .article-main .video-area .wpzoom-featured-cat h3.entry-title a:hover { color: #f47857 } .article-main .video-area a { color: #fff } .article-main .video-area a:hover { color: #f47857 } .article-main #slider { margin: 0 0 40px; overflow: hidden; position: relative; width: 50%; float: left; box-sizing: border-box; border-right: 2px solid #fff } .article-main .empty-slider a, #slider .more_link { color: #7bdeff } .article-main .empty-slider { margin: 60px auto 40px; padding: 50px 15px; color: #fff; background: #222 } .article-main #slider .slides { white-space: nowrap; overflow: hidden; background: #212425; height: 460px } .article-main #slider .slide { position: relative; display: inline-block; white-space: normal; width: 100%; height: 460px; text-align: center; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .article-main #slider .flickity-enabled .slide { display: block } .article-main #slider .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab } .article-main #slider .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing } .article-main .flickity-prev-next-button { display: block; position: absolute; z-index: 100; top: 45%; height: 40px; width: 40px; background: 0 0; padding: 0; transition: all 0.3s ease-out; border: 2px solid #fff } .article-main .flickity-prev-next-button:hover { opacity: 1; background: #fff } .article-main .flickity-prev-next-button.previous { left: 15px } .article-main .flickity-prev-next-button.next { right: 15px } .article-main .flickity-prev-next-button svg { position: absolute; left: 28%; top: 28%; width: 40%; height: 40% } .article-main .flickity-prev-next-button path { fill: #fff } .article-main .flickity-prev-next-button:hover path { fill: #222 } .article-main #slider .slider-direction-nav a:focus { outline: 0 } .article-main #slider .slider-direction-nav a:hover, #slider .slider-direction-nav a:active { opacity: 1 } .article-main .slides li .slide-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.3) 100%); background-repeat: repeat-x; color: #fff } .article-main .slides li .slide-header { position: absolute; bottom: 30%; margin: 0 13%; width: 74% } .article-main .slides li h3 { color: #fff; font-size: 34px; line-height: 1.4; font-weight: 700; margin: 0 0 15px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3) } .article-main .slides li h3 a { color: #fff } .article-main .slides li h3 a:hover { text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5) } .article-main .slides li .entry-meta { color: #fff } .article-main .slides li .entry-meta a { color: #fff; padding-bottom: 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.2) } .article-main .slides li .entry-meta a:hover { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.4) } .article-main .slides:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden } .article-main .flickity-page-dots { position: absolute; width: 100%; bottom: 25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1 } .article-main .flickity-rtl .flickity-page-dots { direction: rtl } .article-main .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #fff; border-radius: 50%; filter: alpha(opacity=45); opacity: 0.45; cursor: pointer } .article-main .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); opacity: 1 } .article-main .post-thumb img { max-width: 100%; height: auto } .article-main .post-item { position: relative; margin: 0; overflow: hidden } .article-main .post-item .background-overlay { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 16%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%); position: absolute; opacity: 1; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; border-color: #fff; border-style: solid; border-width: 0 2px 2px 0 } .article-main .video-area .post-item .background-overlay { border-color: #212425 } .article-main .post-item .post-thumb { margin: 0; position: relative; background: #000; transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s } .article-main .post-item .post-thumb img { opacity: 0.9; transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; transition-timing-function: ease !important } @media (min-width: 900px) { .post-item:hover .post-thumb { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg) } .post-item:hover .post-thumb img { opacity: 0.6 } } .article-main .post-item .post-item-content { z-index: 21 } .article-main .post-item:hover .entry-title { bottom: 17% } .article-main .post-item .entry-title { position: absolute; bottom: 7%; left: 0; z-index: 21; font-size: 20px; font-weight: 700; line-height: 1.2; max-width: 90%; transition: all 0.2s ease; margin-left: 15px; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3) } .article-main .post-item .entry-meta { visibility: hidden; opacity: 0; position: absolute; min-height: 50px; padding: 30px 0 10px; width: 100%; bottom: 0; left: 0; color: #fff; margin: 0; z-index: 23; transition: all 0.5s ease } .article-main .post-item:hover .entry-meta { visibility: visible; opacity: 0.8; color: #fff } .article-main .post-item .entry-meta span { float: right; margin: 0 15px; color: #fff } .article-main .post-item .entry-meta span.cat-links, .post-item .entry-meta span.comments-link { float: left } .article-main .post-item .entry-meta span + span:before { display: none } .article-main .wpzoom-featured-cat { margin: 0 0 40px; font-size: 0 } .article-main .featured_category_2col { display: inline-block; vertical-align: top; font-size: 0; width: 48.5%; margin: 0 3% 0 0 } .article-main .featured_category_2col:nth-child(2) { margin-right: 0 } .article-main .featured_category_2col .featured-style-style_text { padding: 0; border: none } .article-main .wpzoom-featured-cat .featured_category_2col > div { float: none } .article-main .featured_category_2col .feat-cat_small_list { margin: 30px 0 0; overflow: hidden } .article-main .featured_category_2col .feat-cat_small_list li { display: block; width: 100%; margin: 0 0 25px; overflow: hidden } .article-main .featured_category_2col .feat-cat_small_list li:last-child { margin: 0 } .article-main .featured_category_2col .feat-cat_small_list h3.entry-title { font-size: 18px } .article-main .featured_category_2col .feat-cat_small_list .post-thumb { max-width: 35.9%; float: left; margin: 0 20px 0 0 } .article-main .right_col_posts .post_content, .feat-cat_small_list .post-content { overflow: hidden } .article-main .widget.wpzoom-featured-cat h3.title { margin-bottom: 0; background: 0 0; padding: 0; font-size: 16px; text-transform: uppercase; font-family: roboto condensed } .article-main .wpzoom-featured-cat h3.title a { color: #fff; background-color: #212425; padding: 8px 15px 7px; line-height: 33px } .article-main .wpzoom-featured-cat h3.entry-title { line-height: 1.3; font-size: 22px; font-weight: 700 } .article-main .wpzoom-featured-cat .featured-style-style_text h3.entry-title { margin-bottom: 10px; line-height: 1.3; font-weight: 700 } .article-main .wpzoom-featured-cat h3.title:hover { opacity: 0.8 } .article-main .widget h3.title-color-blue, .wpzoom-featured-cat h3.title-color-blue a { background-color: #1c99e4 } .article-main .widget h3.title-color-red, .wpzoom-featured-cat h3.title-color-red a { background-color: #e44 } .article-main .widget h3.title-color-green, .wpzoom-featured-cat h3.title-color-green a { background-color: #2b6 } .article-main .widget h3.title-color-black, .wpzoom-featured-cat h3.title-color-black a { background-color: #212425 } .article-main .widget h3.title-color-orange, .wpzoom-featured-cat h3.title-color-orange a { background-color: #f47857 } .article-main .widget h3.title-color-purple, .wpzoom-featured-cat h3.title-color-purple a { background-color: #733fd8 } .article-main .wpzoom-featured-cat img { max-width: 100%; height: auto } .article-main .wpzoom-featured-cat p { font-size: 14px; line-height: 1.8; margin: 0 } .article-main .wpzoom-featured-cat .post { float: left } .article-main .featured-style-style_text .post-thumb { margin: 0 0 20px } .article-main .featured-style-style_text { padding: 0 0 40px; margin: 0 0 10px; border-bottom: 1px solid #eee; overflow: hidden } .article-main .video-area .featured-style-style_text { border-bottom: 1px solid rgba(255, 255, 255, 0.2) } .article-main .home .content-area > div:last-child .featured-style-style_text, .video-area .inner-wrap > div:last-child .featured-style-style_text { border: none; padding: 0 } .article-main .wpzoom-featured-cat .featured-grid-1 > div { width: 100%; float: none } .article-main .wpzoom-featured-cat .featured-grid-2 > div { width: 50% } .article-main .wpzoom-featured-cat .featured-grid-2.featured-style-style_text > div { width: 48%; display: inline-block; vertical-align: top } .article-main .wpzoom-featured-cat .featured-grid-2.featured-style-style_text > div:nth-child(2) { margin-left: 4% } .article-main .wpzoom-featured-cat .featured-grid-3 > div { width: 33.3333% } .article-main .wpzoom-featured-cat .featured-grid-3 > div h3.entry-title { font-size: 18px } .article-main .wpzoom-featured-cat .featured-grid-3.featured-style-style_text > div { width: 31.5%; display: inline-block; vertical-align: top } .article-main .wpzoom-featured-cat .featured-grid-3.featured-style-style_text > div:nth-child(2) { margin-left: 2.75%; margin-right: 2.75% } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_block > div { width: 50% } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text { font-size: 0 } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:first-child { width: 50%; float: left; margin-right: 2.66666% } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text .post, .wpzoom-featured-cat .featured-grid-5.featured-style-style_text .post { width: 100%; float: none; margin-bottom: 10px; overflow: hidden } .article-main .right_col_posts { width: 47% !important; float: right } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:not(:first-child) .post-thumb { max-width: 35.9%; float: left; margin: 0 20px 20px 0 } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:not(:first-child) .post_content > p { display: none } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div:first-child h3.entry-title { font-size: 24px } .article-main .wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div h3.entry-title { font-size: 18px } .article-main .wpzoom-featured-cat .featured-grid-5 > div:nth-child(1), .wpzoom-featured-cat .featured-grid-5 > div:nth-child(2) { width: 50% } .article-main .wpzoom-featured-cat .featured-grid-5 > div { width: 33.33333% } .article-main .wpzoom-featured-cat .featured-grid-5 > div:nth-child(3) h3.entry-title, .wpzoom-featured-cat .featured-grid-5 > div:nth-child(4) h3.entry-title, .wpzoom-featured-cat .featured-grid-5 > div:nth-child(5) h3.entry-title { font-size: 22px } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text { font-size: 0 } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:first-child { width: 50%; float: left; margin-right: 2.66666% } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:not(:first-child) .post-thumb { max-width: 35.9%; float: left; margin: 0 20px 20px 0 } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:not(:first-child) .post_content > p { display: none } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div:first-child h3.entry-title { font-size: 24px } .article-main .wpzoom-featured-cat .featured-grid-5.featured-style-style_text > div h3.entry-title { font-size: 18px } .article-main .wpzoom-featured-cat .featured-grid-6 > div { width: 33.3333% } .article-main .wpzoom-featured-cat .featured-grid-6 > div h3.entry-title { font-size: 20px } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text { font-size: 0 } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div { float: none; display: inline-block; vertical-align: top; width: 31.5% } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(-n+3) { margin-bottom: 30px } .article-main .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(2), .wpzoom-featured-cat .featured-grid-6.featured-style-style_text > div:nth-child(5) { margin-left: 2.75%; margin-right: 2.75% } .article-main .slider_widgets .widget.wpzoom-featured-cat { margin: 0 } .article-main .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div { width: 100%; float: none; max-height: 231px; overflow: hidden } .article-main .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div .post-thumb img { height: 231px; width: auto } .article-main .slider_widgets .wpzoom-featured-cat .featured-grid-2 > div h3.entry-title { font-size: 20px } .article-main .widget.carousel-slider, .site-widgetized-section .widgets .widget.carousel-slider { margin: 0 0 30px; padding: 0; position: relative } .article-main .carousel_widget_wrapper { overflow: hidden } .article-main .flickity-enabled { position: relative } .article-main .widget.carousel-slider h3.title { margin-bottom: 0; padding: 0 15px; line-height: 33px; font-size: 16px; color: #fff; font-weight: 700; text-transform: uppercase; display: inline-block; font-family: roboto condensed } .article-main .carousel-slider .slides { white-space: nowrap; overflow: hidden } .article-main .carousel-slider .post-item { margin: 0; width: 350px; vertical-align: top; display: inline-block } .article-main .carousel-slider .flickity-enabled .post-item { width: 350px; box-sizing: border-box } .article-main .carousel_widget_wrapper > div { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in } .article-main .carousel_widget_wrapper > div .post-item { display: none } .article-main .carousel_widget_wrapper > .flickity-enabled { opacity: 1; visibility: visible } .article-main .carousel_widget_wrapper > .flickity-enabled .post-item { display: inline-block } .article-main .carousel-slider .flickity-prev-next-button { top: 90px } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(.4) } 20% { -webkit-transform: scaleY(1) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(.4); -webkit-transform: scaleY(.4) } 20% { transform: scaleY(1); -webkit-transform: scaleY(1) } } .article-main .carousel-slider .spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; font-size: 10px } .article-main .carousel-slider .spinner > div { background-color: #eaeaea; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; -o-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out } .article-main .carousel-slider .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .article-main .carousel-slider .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s } .article-main .carousel-slider .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } .article-main .carousel-slider .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s } .article-main #main { padding: 40px 0 0; position: relative } .article-main #main > .inner-wrap { position: relative } .article-main .content-area { width: 1000px; float: left } .article-main .full-width .content-area { width: 100%; float: none } .article-main .section-title { margin: 0; font-size: 16px; text-transform: uppercase; font-weight: 700; display: inline-block; color: #fff; background-color: #212425; padding: 0 15px; line-height: 33px; font-family: roboto condensed } .article-main .section-title:before, .section-title:after { content: " "; display: table } .article-main .section-title:after { clear: both } .article-main .archive-title { font-size: 34px; margin: 10px 0 40px; padding: 0 0 20px; letter-spacing: -1px; font-weight: 700; border-bottom: 4px solid #eee } .article-main .category_description { margin: -20px 0 40px; font-size: 14px } .article-main .recent-posts { font-size: 0 } .article-main .recent-posts .post:before, .recent-posts .post:after { content: " "; display: table } .article-main .recent-posts .post:after { clear: both } .article-main .recent-posts .post, .recent-posts .type-page { margin-bottom: 30px } .article-main .recent-posts .post, .recent-posts .type-page { padding: 0 0 40px; margin: 0 0 60px; border-bottom: 4px solid #eee; position: relative; overflow: hidden } .article-main .recent-posts .post:last-child, .recent-posts .type-page:last-child { border: none; padding: 0 } .article-main .grid_posts .recent-posts .post, .grid_posts .recent-posts .type-page { padding: 0; margin: 0 2.666% 40px 0; border: none; position: relative; overflow: hidden; width: 23%; display: inline-block; vertical-align: top } .article-main .grid_posts .recent-posts .post:nth-child(4n+4), .grid_posts .recent-posts .type-page:nth-child(4n+4) { margin-right: 0 } .article-main .recent-posts > article:nth-of-type(4n+4) { margin-right: 0 } .article-main .grid_posts .recent-posts .post-thumb { margin: 0 0 15px; max-width: 100%; float: none } .article-main .grid_posts .recent-posts .entry-title { font-size: 24px } .article-main .grid_posts .cat-links { margin-bottom: 10px; display: block } .article-main .recent-posts .type-page .entry-meta { display: none } .article-main .recent-posts .post-thumb { margin: 0 25px 0 0; max-width: 38%; float: left } .article-main .post-thumb img { max-width: 100%; height: auto } .article-main .recent-posts .entry-body { overflow: hidden } .article-main .recent-posts .entry-title, .woocommerce ul.products li.product h3 { margin: 0 0 10px; font-size: 28px; font-weight: 700; line-height: 1.4 } .article-main .woocommerce ul.products li.product a:hover h3 { color: #f47857 } .article-main .entry-content:before, .entry-content:after { content: " "; display: table } .article-main .entry-content:after { clear: both } .article-main .recent-posts .entry-content { font-size: 14px; line-height: 1.8 } .article-main .entry-content p { margin-bottom: 10px } .article-main .single .adv_content { margin: 20px 0; text-align: center } .article-main .entry-content img { max-width: 100%; height: auto } .article-main .entry-meta { margin-bottom: 15px; color: #999; font-size: 14px } .article-main .entry-meta span:not(.cat-links) + span:before { content: " / "; color: #aaa; margin: 0 2px; font-style: normal; opacity: 0.5 } .article-main .cat-links { margin: 0 0 10px } .article-main .more-link, .more_link { display: table; margin: 20px 0 0 } .article-main .readmore_button { font-size: 16px; font-weight: 600; margin: 15px 0 30px } .article-main .readmore_button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button:not(.alt), .woocommerce input.button { display: inline-block; font-size: 16px; line-height: 2; margin: 1px 4px 0 0; position: relative; color: #000; background-color: #fff; padding: 2px 15px; border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out } .article-main .readmore_button a:after, .woocommerce #respond input#submit:after, .woocommerce a.button:after, .woocommerce button.button:not(.alt):after, .woocommerce input.button:after { content: ""; position: absolute; top: 0; left: 0; right: -3px; bottom: -3px; border: 1px solid #ccc; border-top: 0; border-left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .article-main .readmore_button a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:not(.alt):hover, .woocommerce input.button:hover { text-decoration: none; color: #f47857; opacity: 1; background: 0 0 } .article-main .woocommerce button.button.alt { font-size: 16px; font-weight: 700; background-color: #f47857; border: none; color: #fff; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all } .article-main .woocommerce button.button.alt:hover, .woocommerce button.button.alt:focus { background-color: #222 } .article-main .woocommerce .quantity .qty { padding-top: 4px; padding-bottom: 4px } .article-main .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #f47857 } .article-main .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 180px } .article-main .woocommerce .cart .button, .woocommerce .cart input.button { padding: 8px 15px } .article-main .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #222; border: none } .article-main .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #f47857 } .article-main #add_payment_method #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { list-style-type: none } .article-main #add_payment_method #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label { display: inline } .article-main .woocommerce a.button.alt:after { display: none } .article-main .wpzoom-featured-cat .format-video.has-post-thumbnail h3.entry-title:before, .wpzoom-featured-cat .format-gallery.has-post-thumbnail h3.entry-title:before, .wpzoom-featured-cat .format-audio.has-post-thumbnail h3.entry-title:before { display: block; -webkit-font-smoothing: antialiased; font-family: dashicons; margin: 0 0 4px; color: #fff } .article-main .wpzoom-featured-cat .format-video h3.entry-title:before { content: "236" } .article-main .wpzoom-featured-cat .format-gallery h3.entry-title:before { content: "233" } .article-main .wpzoom-featured-cat .format-audio h3.entry-title:before { content: "127" } .article-main .featured-style-style_text .format-video.has-post-thumbnail h3.entry-title:before, .featured-style-style_text .format-gallery.has-post-thumbnail h3.entry-title:before, .featured-style-style_text .format-audio.has-post-thumbnail h3.entry-title:before { display: block; position: absolute; top: -60px; left: 10px; -webkit-font-smoothing: antialiased; font-family: dashicons; margin: 0 0 4px; color: #fff } .article-main .wpzoom-featured-cat .featured-style-style_text h3.entry-title { position: relative } .article-main .entry-header { margin: 0 0 30px } .article-main .single .entry-header .post-thumb { margin: 0 0 25px } .article-main .page .site-main.full-width-page > article { float: none; max-width: 100%; width: 100% } .article-main .page h1.entry-title, .single h1.entry-title { font-size: 50px; line-height: 1.2; font-weight: 700; margin: 0 0 15px } .article-main .page .entry-info, .single .entry-info { margin-bottom: 30px } .article-main .single .entry-category { font-weight: 700; text-transform: uppercase; margin: 0 0 5px; display: block } .article-main .single .content-area .entry-meta { font-size: 16px; border-bottom: 1px solid #eee; padding: 0 0 25px; margin: 0 0 30px } .article-main .single .content-area .entry-meta span + span:before { display: none } .article-main .post-inner { overflow: hidden } .article-main .post-area { margin: 0 0 70px; padding: 0 0 70px; border-bottom: 1px solid #eee } .article-main .single .entry-content { padding-bottom: 15px; overflow: hidden } .article-main .page .entry-content p, .single .entry-content p { margin-bottom: 20px } .article-main .entry-content a { font-weight: 700; color: #f47857 } .article-main .entry-content a:hover { color: #222 } .article-main .entry-content a.wpz-sc-button { text-decoration: none; color: #fff; font-weight: 400 } .article-main .entry-content a.wpz-sc-button:hover { color: #fff } .article-main .entry-content .wpz-sc-ilink a { text-decoration: none } .article-main .entry-content .shortcode-tabs ul.tab_titles li.nav-tab a { text-decoration: none } .article-main .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 15px; line-height: 1.4; font-weight: 700 } .article-main .entry-content .wp-block-image img, .entry-content img.alignnone, .entry-content img.aligncenter, .entry-content img.alignleft, .entry-content img.alignright, .entry-content img.attachment-fullsize { margin-bottom: 20px; max-width: 100%; height: auto } .article-main .entry-content ul:not(.wp-block-gallery), .entry-content ol { margin: 0 0 20px 15px } .article-main .entry-content li ul, .entry-content li ol { margin-bottom: 0 } .article-main .entry-content li { list-style-position: inside } .article-main .entry-content ul li { list-style-type: square } .article-main .entry-content ol li { list-style-type: decimal } .article-main .entry-content .shortcode-unorderedlist ul li, .entry-content .shortcode-unorderedlist ul li ul { list-style-type: none } .article-main .entry-content blockquote { font-size: 22px; margin: 15px 0 40px; text-align: center; font-family: playfair display, serif; position: relative } .article-main .entry-content blockquote:before, .entry-content blockquote:after { content: ""; display: block; width: 60px; height: 2px; margin: 30px auto; background: #f0f0f0 } .article-main .full-width .entry-content .alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2) } .article-main .full-width .entry-content .alignfull, .full-width .entry-content .alignfull > img { width: 100vw; max-width: 100vw } @media only screen and (min-width: 1650px) { .full-width .entry-content .alignwide { margin-left: -125px; margin-right: -125px; max-width: 1650px; width: 1650px } } .article-main .entry-content .gallery a:hover { opacity: 0.6; transition: opacity 0.25s ease-in-out } .article-main .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.140065% 2.28013%; text-align: center; vertical-align: top; width: 100% } .article-main .gallery-columns-1 .gallery-item { max-width: 100% } .article-main .gallery-columns-2 .gallery-item { max-width: 50% } .article-main .gallery-columns-4 .gallery-item { max-width: 25% } .article-main .gallery-columns-5 .gallery-item { max-width: 20% } .article-main .gallery-columns-6 .gallery-item { max-width: 16.66% } .article-main .gallery-columns-7 .gallery-item { max-width: 14.28% } .article-main .gallery-columns-8 .gallery-item { max-width: 12.5% } .article-main .gallery-columns-9 .gallery-item { max-width: 11.11% } .article-main .gallery-icon img { margin: 0 auto } .article-main .wp-caption-text, .gallery-caption { color: #868686; margin: 0; padding: 15px 0; text-align: center; display: block; font-style: italic; line-height: 1.4 } .article-main .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none } .article-main .entry-content .aligncenter, div.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto } .article-main .alignleft, .entry-content .alignleft { float: left; margin-right: 15px } .article-main .alignright, .entry-content .alignright { float: right; margin-left: 15px } .article-main .entry-content .wp-caption { width: auto; text-align: center } .article-main .entry-content .wp-caption img { background: 0 0; margin: 0; border: 0; max-width: 100%; width: auto; height: auto } .article-main .entry-content .wp-caption-text, .gallery-caption { color: #868686; font-size: 14px; margin: 0; padding: 15px 0; text-align: center } .article-main .entry-content .wp-caption.aligncenter { margin: 0 auto 15px } .article-main .wp-block-image > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption { display: block; margin-top: -10px; color: #868686; text-align: center; font-style: italic } .article-main .aligncenter { text-align: center } .article-main img.wp-smiley { border: none; padding: 0 } .article-main #snippet-box { width: 100% !important; float: none !important } .article-main .related_posts { margin: 0 40px 30px 0; width: 200px; float: left } .article-main .related_posts h3 { margin: 0 0 15px; border-top: 3px solid #222; padding: 15px 0 0; font-size: 14px; font-weight: 700 } .article-main .related_posts ul li { list-style-type: none; margin: 0 0 30px; display: block } .article-main .related_posts ul li a { display: block; font-weight: 600; line-height: 1.4 } .article-main .related_posts ul li img { margin: 0 0 15px; max-width: 100%; height: auto } .article-main .related_posts span { font-size: 14px; color: #999 } .article-main h4.jp-relatedposts-post-title { margin: 10px 0 5px !important; font-weight: 700 } .article-main #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { opacity: 1 !important } .article-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-weight: 700 !important } .article-main #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: none !important } .article-main .single div#jp-relatedposts h3.jp-relatedposts-headline, .single div.sharedaddy h3.sd-title { font-size: 16px; display: block; border-top: 1px solid #eee; padding: 20px 0 0; font-weight: 700 } .article-main .single div.sharedaddy h3.sd-title:before, .single div#jp-relatedposts h3.jp-relatedposts-headline em:before { display: none } .article-main .tags { clear: both; list-style: none; padding: 0; margin: 0 0 40px } .article-main .tags li { position: relative; float: left; list-style: none; padding: 0; margin: 0 35px 0 0 } .article-main .tags li:last-child { margin-right: 0 } .article-main .tags a { font-size: 14px; display: block; position: relative; text-decoration: none; line-height: 37px; color: #fff; background: #f47857; padding: 0 12px 0 20px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; transition: none; margin: 0 } .article-main .tags a:after { content: ""; display: block; position: absolute; top: 50%; right: -15px; background: #f47857; height: 29px; width: 29px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: -14.5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) } .article-main .tags a:hover, .tags a:hover:after { background: #212425; color: #fff } .article-main .tags a span { position: relative; z-index: 1 } .article-main .single .post_author { padding: 30px; border-radius: 3px; background: #212425; color: #b6b6b6 } .article-main .single .author-description { overflow: hidden } .article-main .single .post_author .author-title { margin: 0 10px 14px 0; font-size: 20px; font-weight: 700; display: inline-block } .article-main .single .post_author a { color: #fff } .article-main .single .post_author a:hover { color: #f47857 } .article-main .single .post_author .author-bio { margin-bottom: 0; line-height: 1.6; font-size: 14px } .article-main .single .post_author > img { float: left; margin-right: 25px; -webkit-border-radius: 50%; border-radius: 50% } .article-main .author_links { display: inline-block } .article-main .author_links a { margin: 0 3px 0 0 } .article-main .author_links a:before { content: ""; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/100% "icomoon"; vertical-align: top; margin: 0; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1 } .article-main .author_links a.author_facebook:before { content: "" } .article-main .author_links a.author_instagram:before { content: "" } .article-main .col_arch { border-bottom: 1px solid #eee; padding: 0 0 30px; margin: 0 0 30px } .article-main .col_arch ul { margin: 0 } .article-main .col_arch a { font-weight: 400; text-decoration: none; color: #222 } .article-main .col_arch a:hover { color: #f47857 } .article-main .col_arch ul li { width: 31%; float: left; margin: 0 1.5% 5px 0; list-style-type: none } .article-main .col_arch:last-child { border-bottom: none } .article-main .page-links { font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-align: center; border-top: 2px solid #222; border-bottom: 2px solid #eee; padding: 15px; margin: 0 0 30px; font-family: roboto condensed, sans-serif } .article-main .page-links a { font-family: roboto condensed, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 700; border: 2px solid #d2d4dc; color: #222; border-radius: 3px; transition: 0.2s ease all; clear: both; display: inline-block; width: auto; padding: 5px 13px; margin: 0 5px } .article-main .page-links a:hover { cursor: pointer; background: #212425; color: #fff; border-color: #212425 } .article-main .page-links > span { font-family: roboto condensed, sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 700; border-radius: 3px; background: #212425; border: 2px solid #212425; color: #fff; clear: both; display: inline-block; width: auto; padding: 5px 12px; margin: 0 5px } .article-main #comments > h3 { position: relative; font-size: 30px; margin-bottom: 40px; font-weight: 700 } .article-main #respond > h3 { position: relative; margin-top: 80px; margin-bottom: 20px; font-size: 30px; font-weight: 700 } .article-main .comment-notes { margin-bottom: 30px; font-style: italic; color: #999 } .article-main .commentlist { list-style-type: none; padding: 0 } .article-main .commentlist li { list-style-type: none } .article-main .commentlist .children { margin: 30px 0 0 50px } .article-main .commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #eee; line-height: 1.7 } .article-main .commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px } .article-main .comment .avatar { float: left; border-radius: 50%; margin: 0 20px 15px 0 } .article-main .comment-author:before, .comment-author:after { content: " "; display: table } .article-main .comment-author:after { clear: both } .article-main .comment-author .fn, .comment-author .fn a { font-style: normal; font-weight: 700; font-size: 18px } .article-main .comment-author .comment-meta { margin-top: 5px } .article-main .comment-author .comment-meta, .comment-author .comment-meta a { color: #a2a2a2 } .article-main .comment-author .comment-meta a:hover { color: #333 } .article-main .comment-main { overflow: hidden } .article-main .comment-body { margin-top: 8px } .article-main #respond { margin-bottom: 85px } .article-main #respond .form_fields p { margin-bottom: 24px; width: 50% } .article-main #respond .form_fields p:first-child { padding-left: 0 } .article-main #respond label { font-weight: 400; font-size: 16px; margin-bottom: 5px } .article-main #respond input[type=text] { width: 90% } .article-main #respond textarea { width: 100%; height: 150px } .article-main #respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px } .article-main #respond code { white-space: pre-wrap } .article-main .form-allowed-tags { display: none } .article-main #respond .form_fields p .required_lab { margin-left: 10px; color: #a7a7b3 } .article-main .nocomments { font-style: italic; margin: 30px 0 } .article-main #respond .comment-form-cookies-consent label { display: inline; margin-left: 10px; text-transform: none; font-family: inherit; font-size: 14px } .article-main #sidebar { float: right; width: 350px; font-size: 14px; overflow: hidden } .article-main #sidebar img { max-width: 100%; height: auto } .article-main .theiaStickySidebar { max-width: 350px } .article-main #sidebar a { transition: none } .article-main .widget h3.title { margin: 0 0 25px; font-size: 18px; font-weight: 700; color: #212425 } .article-main #sidebar .widget { margin-bottom: 60px; border: 1px solid #eee; padding: 24px } .article-main .widget ul { clear: both; margin: 5px 0 } .article-main .widget ul li { list-style-type: none } .article-main .widget ul ul { margin: 0; padding: 0; border-top: none } .article-main .widget ul ul li { border: none } .article-main .side_ad { text-align: center; margin: 0 0 10px } .article-main .widget .cats a { font-weight: 400 } .article-main .widget_categories ul li { color: #8b8a8a; text-align: right; font-weight: 400; padding: 2px 0; clear: both } .article-main .widget_categories ul li li { padding-left: 10px } .article-main .widget_categories ul li a { text-align: left; float: left; font-weight: 400 } .article-main .widget .feature-posts-list br { display: none } .article-main .widget .feature-posts-list img { margin: 0 15px 0 0; float: left } .article-main .widget .feature-posts-list small { font-size: 14px; color: #666; margin: 0 0 5px; display: block } .article-main .widget .feature-posts-list .post-excerpt { display: block; overflow: hidden } .article-main .widget .feature-posts-list li { margin: 0 0 25px } .article-main .widget .feature-posts-list li:last-child { margin: 0; border: none; padding: 0 } .article-main .widget .feature-posts-list li h3 { line-height: 1.3; font-size: 16px; margin: 0 0 5px } .article-main .widget .feature-posts-list li a { font-weight: 700 } .article-main .zoom-twitter-widget__item a { font-weight: 400 } .article-main .zoom-twitter-widget__item-timestamp { display: block; font-size: 14px; font-style: normal; margin: 5px 0 10px } .article-main .popular-news .comments { display: block; font-size: 14px; color: #666 } .article-main .popular-news li { margin: 0 0 15px } .article-main .popular-news li a { font-weight: 700 } .article-main .widget_tag_cloud div a { padding: 0 3px } .article-main #wp-calendar { width: 100% } .article-main #wp-calendar caption { text-align: right; font-weight: 700; font-size: 12px; margin-top: 10px; margin-bottom: 15px } .article-main #wp-calendar thead { font-size: 10px } .article-main #wp-calendar thead th { padding-bottom: 10px } .article-main #wp-calendar tbody { color: #aaa } .article-main #wp-calendar tbody td { background: #efeeee; text-align: center; padding: 8px } .article-main #wp-calendar tbody td:hover { background: #e8e8e8 } .article-main #wp-calendar tbody .pad { background: 0 0 } .article-main #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right } .article-main #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px } .article-main .tabberlive .tabbertabhide { display: none } .article-main #sidebar .widget.tabbertabs { padding: 0; border-radius: 3px; border: 2px solid #eee } .article-main .widget .tabbertab { padding: 20px } .article-main .widget .tabbernav { margin: 0; background: #eee } .article-main .widget .tabbernav li { display: inline-block; color: #8d8d8d } .article-main .widget .tabbernav li a { display: inline-block; position: relative; margin: 0; padding: 12px 20px; line-height: 1.1; font-weight: 700; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #aaa; text-decoration: none; font-family: roboto condensed } .article-main .widget .tabbernav li a:hover { color: #f47857 } .article-main .widget .tabbernav .tabberactive a { color: #212425; background: #fff; border-radius: 3px 3px 0 0 } .article-main .widget .tabbertab .widgettitle { display: none } .article-main #sidebar .widget.widget_awesomeweatherwidget { padding: 0; border: none } .article-main .awesome-weather-wrap { text-shadow: none !important; font-size: 16px; font-weight: 400 } .article-main .jetpack_subscription_widget { background: #f6f6f4 !important; color: #666 } .article-main #subscribe-email input { padding: 8px 12px !important; width: 100% !important } .article-main #subscribe-submit input { width: 100% !important } .article-main .site-footer { font-size: 16px; background: #f6f6f4; margin-top: 45px; border-top: 1px solid #e8e8df; color: #666 } .article-main .home .site-footer { margin-top: 0 } .article-main .footer-widgets { padding: 40px 0 0; border-bottom: 1px solid #e8e8df } .article-main .footer-widgets:before, .footer-widgets:after { content: " "; display: table } .article-main .footer-widgets:after { clear: both } .article-main .footer-widgets .column { float: left } .article-main .footer-widgets.widget-columns-4 .column { width: 23%; margin-right: 2.6666% } .article-main .footer-widgets.widget-columns-3 .column { width: 31%; margin-right: 3.5% } .article-main .footer-widgets.widget-columns-2 .column { width: 48%; margin-right: 4% } .article-main .footer-widgets.widget-columns-1 .column { width: 100% } .article-main .footer-widgets.widget-columns-2 .column:nth-child(2n+2), .footer-widgets.widget-columns-3 .column:nth-child(3n+3), .footer-widgets.widget-columns-4 .column:nth-child(4n+4) { margin-right: 0 } .article-main .footer-widgets .widget { margin-bottom: 40px } .article-main .footer-widgets .widget h3.title { margin: 0 0 20px; font-size: 22px } .article-main .site-info-top { border-bottom: 1px solid #e8e8df; padding: 30px 0; background: #212425; text-align: center } .article-main .site-info-top a { color: #fff } .article-main .site-info-top a:hover { color: #f47857 } .article-main .site-info-top .navbar-brand { margin: 0; float: none } .article-main .site-info-top .navbar-brand h2 { font-size: 34px; font-weight: 700 } .article-main .footer-menu { margin: 20px 0 0 } .article-main .footer-menu ul { list-style: none } .article-main .footer-menu ul li { display: inline; margin-right: 15px; font-size: 14px; font-weight: 600 } .article-main .footer-menu ul li:last-child { margin-right: 0 } .article-main .site-info { padding: 30px 0; background: #f6f6f4; font-size: 14px; text-align: center } .article-main .site-info p { margin: 0 0 10px } .article-main .site-info a { font-weight: 700 } .article-main .site-info:before, .site-info:after { content: " "; display: table } .article-main .site-info:after { clear: both } .article-main .mm-hidden { display: none !important } .article-main .mm-wrapper { overflow-x: hidden; position: relative } .article-main .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 } .article-main .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0 } .article-main .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .article-main .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0) } .article-main .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } .article-main .mm-panel.mm-highest { z-index: 1 } .article-main .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px } .article-main .mm-menu > .mm-panel.mm-hasheader { padding-top: 40px } .article-main .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ""; display: block; height: 20px } .article-main .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important } .article-main .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px } .article-main .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent } .article-main .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block } .article-main .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto } .article-main .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto } .article-main .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .article-main .mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0 } .article-main .mm-header > a { text-decoration: none; display: block; padding: 10px 0 } .article-main .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .article-main .mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1 } .article-main .mm-header .mm-btn:first-child { padding-left: 20px; left: 0 } .article-main .mm-header .mm-btn:last-child { padding-right: 20px; right: 0 } .article-main .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0 } .article-main .mm-listview { font: inherit; font-size: 14px } .article-main .mm-listview a, .mm-listview a:hover { text-decoration: none } .article-main .mm-listview > li { position: relative } .article-main .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0 } .article-main .mm-listview > li:not(.mm-divider):after { content: ""; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0 } .article-main .mm-listview > li:not(.mm-divider):after { left: 20px } .article-main .mm-listview .mm-next { background: transparent; width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2 } .article-main .mm-listview .mm-next:before { content: ""; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0 } .article-main .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px } .article-main .mm-listview .mm-next.mm-fullsubopen { width: 100% } .article-main .mm-listview .mm-next.mm-fullsubopen:before { border-left: none } .article-main .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0 } .article-main .mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px } .article-main .mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px } .article-main .mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px } .article-main .mm-prev:before, .mm-next:after { content: ""; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .article-main .mm-prev:before { border-right: none; border-bottom: none; left: 20px } .article-main .mm-next:after { border-top: none; border-left: none; right: 20px } .article-main .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px } .article-main .mm-listview > li.mm-spacer { padding-top: 40px } .article-main .mm-listview > li.mm-spacer > .mm-next { top: 40px } .article-main .mm-listview > li.mm-spacer.mm-divider { padding-top: 25px } .article-main .mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7) } .article-main .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) } .article-main .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) } .article-main .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) } .article-main .mm-page { box-sizing: border-box; position: relative } .article-main .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease } .article-main html.mm-opened { overflow: hidden; position: relative } .article-main html.mm-opened body { overflow: hidden } .article-main html.mm-opened .mm-page { min-height: 100vh } .article-main html.mm-background .mm-page { background: inherit } .article-main #mm-blocker { background: transparent; display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 } .article-main html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block } .article-main .mm-menu.mm-offcanvas { display: none; position: fixed } .article-main .mm-menu.mm-current { display: block } .article-main .mm-menu { width: 80%; min-width: 140px; max-width: 440px } .article-main html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0) } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0) } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0) } } .article-main menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important } .article-main html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s } .article-main .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none } .article-main .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important } .article-main .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99 } .article-main .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100% } .article-main .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none } .article-main .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-dark { background: #333; color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) } .article-main .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) } .article-main .mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333 } .article-main .mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333 } .article-main .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) } .article-main .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) } .article-main .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8) } .article-main .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) } .article-main .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) } .article-main .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333 } .article-main .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .article-main .mm-menu.mm-theme-white { background: #fff; color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) } .article-main .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) } .article-main .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) } .article-main .mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #fff } .article-main .mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #fff } .article-main .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) } .article-main .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) } .article-main .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6) } .article-main .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) } .article-main .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) } .article-main .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff } .article-main .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 } .article-main .mm-listview { font-size: 16px } .article-main .mm-menu > .mm-panel { padding: 20px 40px }

熱門推薦

本文由 劉胖胖 提供 原文連結

劉胖胖
寫了4621篇文章,獲得155次喜歡
留言回覆
回覆
精彩推薦