﻿@charset "utf-8";
/* CSS Document */
/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; padding: 0; position: absolute; z-index: 100; top: 21px; right: 0; }
.slicknav_btn.slicknav_icon bar + .slicknav_icon-bar { margin-top: 0.188em; }
.slicknav_menu {  * zoom: 1; width: 100%; width: 50%; padding: 0; margin: 0; margin-top: 22.5px; right: 0px; display: none; }
.slicknav_menu.slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu.slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; margin: 0; float: right; width: 30px; height: 30px; display: block; float: none; clear: both; margin: 0 auto; }
.slicknav_menu.slicknav_open.slicknav_icon { background: url(slicknav_icon_close.png) 0 0 no-repeat; margin-top: 8px; }
.slicknav_menu.slicknav_open.slicknav_icon.slicknav_icon-bar { display: none; }
.slicknav_menu.slicknav_no-text { margin: 0; }
.slicknav_menu.slicknav_icon-bar { display: block; width: 1.125em; width: 30px; height: 2px; margin: 7px auto; }
.slicknav_menu:before { content: " "; display: table; display: block; display: none; }
.slicknav_menu:after { content: " "; display: table; clear: both; display: block; display: none; }
.slicknav_nav { clear: both; }
.slicknav_nav ul { display: block; }
.slicknav_nav li { display: block; width: 100%; padding: 5px 0; }
.slicknav_nav.slicknav_arrow { font-size: 1.25rem; margin: 0 0 0 1em; height: 30px; line-height: 30px; float: left; display: block; width: 20px; overflow: hidden; text-align: center; text-indent: -9999px; }
.slicknav_nav.slicknav_collapsed.slicknav_arrow { background: url(slicknav_collapsed-slicknav_arrow.png) 0 0 no-repeat; }
.slicknav_nav.slicknav_open.slicknav_arrow { background: url(slicknav_open-slicknav_arrow.png) 0 0 no-repeat; }
.slicknav_nav.slicknav_collapsed.slicknav_row:hover.slicknav_arrow { background: url(slicknav_collapsed-slicknav_arrow_o.png) 0 0 no-repeat; }
.slicknav_nav.slicknav_open.slicknav_row:hover.slicknav_arrow { background: url(slicknav_open-slicknav_arrow_o.png) 0 0 no-repeat; }
.slicknav_nav.slicknav_item { cursor: pointer; }
.slicknav_nav.slicknav_item a { display: inline; }
.slicknav_nav.slicknav_row { display: block; }
.slicknav_nav a { display: block; }
.slicknav_nav.slicknav_parent-link a { display: inline; }
.slicknav_brand { float: left; }
.slicknav_menu { font-size: 1rem; box-sizing:border-box; background: #4c4c4c; background: none; padding: 0px; position: absolute; z-index:100; }
.slicknav_menu * { box-sizing: border-box; outline: none; }
    .slicknav_menu.slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; display: none; }
.slicknav_menu.slicknav_icon-bar { background: #6dad4f; margin-top: 14px; }
.slicknav_btn { text-decoration: none; float: right; margin: 0; width: 50px; height: 50px; overflow: hidden; margin-right: 10px; }
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; float: left; float: right; width:100%; background: rgba(109, 173, 79, 0.95); padding: 10px; font-size: 1rem; position: absolute; top: 100px; right: 0; z-index: 100; width: 50%; }
.slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 0px; }
.slicknav_nav ul ul { margin: 0 0 0 20px; }
.slicknav_nav.slicknav_row { padding: 0px 5px; margin: 2px 5px; line-height: 27.5px; }
.slicknav_nav.slicknav_row:hover { color: #9c9c9c; }
.slicknav_nav.slicknav_row:hover a { color: #fff; }
.slicknav_nav a { margin: 2px 5px; text-decoration: none; color: #fff; height: auto; line-height: 20px; padding: 5px; display: block; overflow: hidden; }
.slicknav_nav a.zh { display: none; }
.slicknav_nav a:hover { color: #fff; }
.slicknav_nav.slicknav_txtnode { margin-left: 15px; }
.slicknav_nav.slicknav_item a { padding: 0; margin: 0; line-height: 27.5px; display: block; float: left; }
.slicknav_nav.slicknav_parent-link a { padding: 0; margin: 0; }
.slicknav_brand { color: #fff; font-size: 1.125rem; line-height: 30px; padding: 7px 12px; height: 44px; }

@media only screen and (min-width: 0px) and (max-width: 1024px){
.slicknav_menu { display: none; }
}
@media only screen and (min-width: 0px) and (max-width: 768px){
    .slicknav_menu {
        display: none;
    }
    .slicknav_nav {
        display: none;
    }
}