﻿@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.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_o.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:#8f73b0; margin-top:14px;}
.slicknav_btn { text-decoration: none;  float:right; margin:0; width:50px; height:50px; overflow:hidden; margin-right:0; top:0; margin-top:15px; position:fixed; z-index:1; right:10px; border:1px solid rgba(0,0,0,0);}
.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:#F95474; 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 > li.appointment,
.slicknav_nav ul > li.language { display:none;}
.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:white;}
.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:30px; 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:1024px){
.slicknav_menu { display:inline-block;}
}


@media only screen and (min-width:0px) and (max-width:768px){
.slicknav_btn { margin-top:10px; right:0;}
.slicknav_nav { top:70px; font-size:14px;}
.slicknav_nav .slicknav_collapsed .slicknav_arrow { background:url(slicknav_collapsed-slicknav_arrow_o.png) center center no-repeat; background-size:15px; margin-left:5px;}
}

@media only screen and (min-width:0px) and (max-width:390px) {
	
.slicknav_btn { margin-top:5px;}
.slicknav_nav { top:60px; font-size:12px;}
.slicknav_nav .slicknav_collapsed .slicknav_arrow { margin:0;}
}
