@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; color:#5185c5;
/* 1. 隱藏原本的文字符號 (►) */
    color: transparent; 

    /* 2. 插入帶有「小圓角」的向下三角形 SVG，顏色已設定為 #5185c5 */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235185c5' stroke='%235185c5' stroke-width='2.5' stroke-linejoin='round' d='M12 16L5 8h14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center; /* 讓箭頭在 20x30 的區塊內置中 */

    /* 3. 調整這個數值來決定箭頭有多「小」 */
    background-size: 10px;
}

.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:black; 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:#ddeefe; padding:0; font-size:16px; max-height:calc( 100vh - 80px ); overflow-y:auto; border-top:1px solid #00286c;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);}
.slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 0px; }
.slicknav_nav ul > li { margin:0; border-bottom:1px solid #cbd6e1;}
.slicknav_nav ul > li li { border:0;}
.slicknav_nav ul > li.slicknav_parent .slicknav_parent { background:rgba(255,255,255,0.4 ); margin:5px; width:calc( 100% - 10px ); border-radius:10px; overflow:hidden;}
.slicknav_nav ul > li.slicknav_parent .slicknav_parent .slicknav_arrow { font-size:14px; margin-left:5px;}
.slicknav_nav ul ul {margin: 0 0 0 20px;
/*解除PC版動畫效果*/
-webkit-transition:none; transition:none;}
.slicknav_nav .slicknav_row { padding: 2px 10px; margin: 2px 5px; margin:0;line-height:27.5px; }
.slicknav_nav .slicknav_row:hover {  color: #5185c5; color:#333; }
.slicknav_nav .slicknav_row:hover a { color:#5185c5; color:#333;}
.slicknav_nav .slicknav_open > .slicknav_row { background:#5185c5; color:white;}
.slicknav_nav .slicknav_open > .slicknav_row a { color:white;}
.slicknav_nav .slicknav_open > .slicknav_row > .slicknav_arrow { color:ffffff;
    /* 2. 插入帶有「小圓角」的向下三角形 SVG，顏色已設定為 #5185c5 */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' stroke='%23ffffff' stroke-width='2.5' stroke-linejoin='round' d='M12 16L5 8h14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center; /* 讓箭頭在 20x30 的區塊內置中 */
}

.slicknav_nav a { margin:2px 5px; text-decoration: none;  height:auto; line-height:20px; padding:5px; display:block; overflow:hidden;}
.slicknav_nav a:link,
.slicknav_nav a:visited { color:#333;}
.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_nav { font-size:14px;}
}

@media only screen and (min-width:0px) and (max-width:390px) {
.slicknav_nav { font-size:12px;}
.slicknav_nav .slicknav_arrow,
.slicknav_nav .slicknav_collapsed .slicknav_arrow { margin:0;}
}