﻿@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; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
.slicknav_menu {  *zoom: 1; width:100%; width:0; padding:0; margin:0; margin-top:0; right:0.5rem; 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_w.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; }
.slicknav_menu:after { content: " "; display: table; clear: both; display:block; }
.slicknav_nav { clear: both; }
.slicknav_nav ul { display: block; }
.slicknav_nav li { display: block; width:100%; padding:0; }
.slicknav_nav .slicknav_arrow { font-size: 20px; margin: 0 0 0 10px; 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_o.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 { padding:0; position:absolute; z-index:10; overflow:visible;}
.slicknav_menu * { outline:none;}
.slicknav_menu .slicknav_menutxt { display:none; }
.slicknav_menu .slicknav_icon-bar { background:#fff; margin-top:14px;}
.slicknav_btn { text-decoration: none;  float:right; margin:0; width:2.5rem; height:2.5rem; overflow:hidden; margin-right:0; top:0; margin-top:15px; position:fixed; z-index:1; right:0.5rem; background:#ef857d;
/*圓角*/
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.slicknav_nav { color:white; margin:0; padding:0; font-size: 0.875em; list-style: none; overflow: hidden; float:left; float:right; width:100%; position:fixed; top:80px; left:0; background:#ef857d; padding:0.25rem; font-size:16px; }
.slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 0px; }
.slicknav_nav ul > li { margin:0;}
.slicknav_nav ul ul {margin: 0 0 0 20px;
/*解除PC版動畫效果*/
-webkit-transition:none; transition:none;}
.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:5px; text-decoration: none;  height:auto; line-height:20px; padding:5px; display:block; overflow:hidden;}
.slicknav_nav a:link,
.slicknav_nav a:visited { color:#fff;}
.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:white; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }

@media only screen and (min-width:0px) and (max-width:960px){
.slicknav_menu { display:inline-block; z-index:11;}
}
