@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:50%; padding:0; margin:0; margin-top:23px; right:0px;
}
.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: 4px;margin:5px 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:5px 0; }
.slicknav_nav .slicknav_arrow { font-size: 20px; margin: 0 0 0 0.4em; 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: 16px; box-sizing: border-box; background: #4c4c4c; background:none; padding: 5px; position:absolute; z-index:10; position:fixed; /*頂端選單動態隱藏*//*2015.8.4 Jay 手機瀏覽不順所以取消position:fixed;*/ }
.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:#fff; margin-top:14px;}
.slicknav_btn { text-decoration: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:none; float:right; margin:0; width:50px; height:50px; overflow:hidden; margin-right:10px;
background: rgb(247, 210, 121);
background: -moz-linear-gradient(90deg, rgb(247, 210, 121) 0%, rgb(176, 148, 83) 100%);
background: -webkit-linear-gradient(90deg, rgb(247, 210, 121) 0%, rgb(176, 148, 83) 100%);
background: -o-linear-gradient(90deg, rgb(247, 210, 121) 0%, rgb(176, 148, 83) 100%);
background: -ms-linear-gradient(90deg, rgb(247, 210, 121) 0%, rgb(176, 148, 83) 100%);
background: linear-gradient(180deg, rgb(247, 210, 121) 0%, rgb(176, 148, 83) 100%);
border:1px solid #c1a35d;
}
.slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; float:left; background:#ccc; float:right; width:100%; background: rgba(0,0,0,0.8); padding:10px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top:22px; font-size:18px; }
.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 10px; margin: 2px 5px; height:30px; line-height:30px; }
.slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:rgba(255,255,255,1); color: #9c9c9c; }
.slicknav_nav .slicknav_row:hover a {color: #b81c22;}
.slicknav_nav a { padding: 0px 10px; margin: 2px 5px; text-decoration: none; color: #fff;height:30px; line-height:30px; display:block; overflow:hidden;}
.slicknav_nav a.zh { display:none;}
.slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; color: #b81c22; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0;height:30px; line-height:30px; display:block; float:left; }
.slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }
.slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }
@media only screen and (min-width:0px) and (max-width:1120px){
.slicknav_menu { width:25%;}
}
@media only screen and (min-width:0px) and (max-width:768px){
.slicknav_menu { width:35%;}
}
@media only screen and (min-width:0px) and (max-width:512px){
.slicknav_menu { width:50%;}
}